美文网首页
点击子元素防止触发父元素的事件解决方案

点击子元素防止触发父元素的事件解决方案

作者: 杉虎 | 来源:发表于2019-05-22 14:51 被阅读0次

    先写一个阻止冒泡的方法:

    
    function stopPropagation(e) {
    
            e = e || window.event; 
    
            if(e.stopPropagation) { //W3C阻止冒泡方法 
    
                e.stopPropagation(); 
    
            } else { 
    
                e.cancelBubble = true; //IE阻止冒泡方法 
    
            } 
    
        }
    
    

    在子元素的点击事件内执行stopPropagation函数就可以了:

    //子元素的点击事件函数
    function childClickFunction() {
            //这里写执行子元素点击事件的代码
            stopPropagation();
        }
    

    相关文章

      网友评论

          本文标题:点击子元素防止触发父元素的事件解决方案

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