javascript - jQuery イベント contextmenu は、下にある div をトリガーします

Question

このイベントを見てください（互いに重なっている2つのdivにバインドされているため、jsfiddleを見てください）

.on('contextmenu', function() { ... });

1. 両方のdiv がトリガーされるのはなぜですか?
2. これを検出したり、下にある div のトリガーを停止したりするにはどうすればよいですか?

デモ：jsfiddle

情報をありがとう！

Answer 1

ネストされた要素では、イベントのバブリングを停止する必要があります。

$('#div2').on('contextmenu', function(e) {
    e.stopPropagation();
    $('#log').append('<p>div2 triggered contextmenu!</p>');
});

デモ

Answer 2

デモ

$('#div1,#div2').on('contextmenu', function (e) {
    e.stopPropagation();
    $('#log').append('<p>' + e.target.id + ' triggered contextmenu!</p>');
});

イベント.ターゲット

event.stopPropagation/