jquery - body 要素の操作

Question

本文の中央に div#content があるページ (下図) があります。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右クリックした要素に適用する必要があると思います。もしそうなら、これを試してください。

デモ

elコールバックでは要素ではなく、イベントです。要素をそのまま取得するか、機能することe.targetさえできevent.srcElementます

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

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