jquery - 检查元素是否单击并且未单击子元素

Question

我有这个HTML代码：

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

我想检查是否只有#area点击，但不是禁止的区域，尽管它在div“区域”内。

提前致谢， 丹尼尔。

Answer 1

event对象的.target property将为您提供启动该事件的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();
});