当子节点与父节点上均有点击事件的时候,一般情况下点击会触发两个事件(子节点的点击事件会向父一级传递),有时需要在点击子节点的时候,中止父节点接下来的行为。
<div onclick="fun1(event)" >父节点
<p onclick="fun2(event)">子节点</p>
</div>
var fun1 = function (e) {
alert("我是父节点点击事件");
}
var fun2 = function (e) {
e.stopPropagation();//阻止点击事件向上冒泡
alert("我是子点节点击事件");
}
只需e.stopPropagation()就能阻止事件向上一级冒泡