点击事件覆盖重叠处理
2018-12-13 本文已影响0人
easy_mark
如下图这种dom结构
image.png
假设头像及外层区域有点击事件,下箭头也有点击事件,两个事件函数并不相同,这时候,如果不特殊处理,点击下箭头触发的函数也会触发头像附近区域的事件,这并不是我们期望的,我们可以通过阻止事件向上冒泡来处理。
checkArray(e) {
e = window.event || e;
if (e.stopPropagation) {
e.stopPropagation(); //阻止事件 冒泡传播
} else {
e.cancelBubble = true; //ie兼容
}
}