event.stoppropagation的兼容

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了event.stoppropagation的兼容相关的知识,希望对你有一定的参考价值。

jquery的event.stoppropagation()是兼容firefox、chrome的,但不兼容ie

兼容写法:

        if (event.stopPropagation) {
            event.stopPropagation();
        }
        else if (window.event) {
            window.event.cancelBubble = true;
        }    

window.event在ie和chrome上是有的,firefox上没有window.event,需要函数中参数带入

    $(".dom").click(function (event) {
        if (event.stopPropagation) {
            event.stopPropagation();
        }
        else if (window.event) {
            window.event.cancelBubble = true;
        }
        ...
    });    

 

以上是关于event.stoppropagation的兼容的主要内容,如果未能解决你的问题,请参考以下文章

js 阻止冒泡事件和默认事件

JavaScript阻止冒泡事件

如何覆盖 event.stopPropagation(),preventDefault().stopImmediatePropagation()

Vue event.stopPropagation()和event.preventDefault()的使用

Material Design Slide Toggle 没有 event.StopPropagation,我应该用啥?

阻止事件冒泡和事件默认行为