的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。