使用body元素

Question

我有一个页面（如下图所示），其中div＃内容位于正文中心。我想右键单击div＃content之外的body区域，并在那里读取颜色。如果我试试

 $(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。如果是这样的话。

Demo

回调中的

el不是它作为事件的元素，您可以将元素作为e.target或甚至event.srcElement使用

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

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