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

2019-05-22  本文已影响0人  杉虎

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


function stopPropagation(e) {

        e = e || window.event; 

        if(e.stopPropagation) { //W3C阻止冒泡方法 

            e.stopPropagation(); 

        } else { 

            e.cancelBubble = true; //IE阻止冒泡方法 

        } 

    }

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

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

猜你喜欢

热点阅读