美文网首页
点击事件覆盖重叠处理

点击事件覆盖重叠处理

作者: easy_mark | 来源:发表于2018-12-13 16:57 被阅读0次

    如下图这种dom结构


    image.png

    假设头像及外层区域有点击事件,下箭头也有点击事件,两个事件函数并不相同,这时候,如果不特殊处理,点击下箭头触发的函数也会触发头像附近区域的事件,这并不是我们期望的,我们可以通过阻止事件向上冒泡来处理。

    checkArray(e) {
        e = window.event || e;
        if (e.stopPropagation) {
            e.stopPropagation(); //阻止事件 冒泡传播
        } else {
            e.cancelBubble = true; //ie兼容
        }
    }
    

    相关文章

      网友评论

          本文标题:点击事件覆盖重叠处理

          本文链接:https://www.haomeiwen.com/subject/lhimfqtx.html