当前父元素被绑定的单击事件(onclick)时,防止被其子元素触发执行。
HTML
<div class="Dialog">
<p>子元素</p>
</div>
JS
$(document).on('click', '.Dialog', function(e){
// 判断触发事件的DOM元素 是否为 本身绑定的DOM元素
if(e.target === $(this)[0]){
// 用户事务处理代码
}
});
说明:
由于子DOM没有进行事件定义,所以防止冒泡的方式不能使用;
事实上,子DOM也会触发onclick事件,但是不会执行用户事务处理代码;
主要是在其中进行判断事件触发的元素,代码:
if(e.target === $(this)[0]);
注:jquery 版本:1.8.3