jquery - jquery - 检查元素是否正在单击并且子元素没有被单击

Question

我有这个 html 代码：

<div id="area">Click me <span id="forbidden">Hi Guys</span></div>

我想检查是否只点击了#area，而不是禁止区域，即使它在 div“区域”内。

在此先感谢，丹尼尔。

Answer 1

对象的.target属性将为event您提供启动事件的 DOM 元素：

$("#area").click(function(e) {
   if (e.target.id != "forbidden") {
       // do something
   }
});

Answer 2

另一种方法是stopPropagation在禁止元素上使用。

$('#area').click(function(){
  // not forbidden
});


$('#forbidden').click(function(e){
    e.stopPropagation();
});