jquery - 使用 body 元素

Question

我有一个以 div#content 为中心的页面（下图）。我想右键单击 div#content 之外的正文区域，然后读取那里的颜色。如果我尝试

 $(document).on("contextmenu", "body", function(el){
      bodyBackgroundColor = $(el).css('background-color');
      debugger;
 });

当我点击翅膀时，我没有捕捉到中断。

如果我尝试

 $(document).on("contextmenu",function(el){
          bodyBackgroundColor = $(el).css('background-color');
          debugger;
     });

我捕捉到了中断，但是使用 el = document，$(el).css('background-color') 不起作用。

我应该怎么做？

谢谢。

Answer 1

我认为您需要background-color在右键单击的元素上应用。如果是这样试试这个。

演示

el在回调中不是元素它是事件，你可以得到元素，e.target甚至event.srcElement可以工作

$(document).on("contextmenu",function(e){

         bodyBackgroundColor = $(e.target).css('background-color');
          alert(bodyBackgroundColor);
     });