防止父元素事件被子元素触发

当前父元素被绑定的单击事件(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