点击事件覆盖重叠处理

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兼容
    }
}
上一篇下一篇

猜你喜欢

热点阅读