js阻止冒泡,兼容写法。

有几次遇到a链接里面包含click点击方法,这时候会触发click事件,还会触发a链接跳转。这时候就需要阻止冒泡了。

添加

event.stopPropagation();

就可以了。在chrome上可以使用。

本以为万事大吉了,没想到火狐不支持event事件

既然问题来了,就得解决。所以搜遍了百度,得到了以下的代码。

//兼容火狐 获取event方法
function getEvent(){
    if(window.event){return window.event;}
    func = getEvent.caller;
    while(func != null){
        var arg0 = func.arguments[0];
        if(arg0){
            if((arg0.constructor == Event || arg0.constructor == MouseEvent
                || arg0.constructor == KeyboardEvent)
                || (typeof(arg0) == "object" && arg0.preventDefault
                && arg0.stopPropagation)){
                return arg0;
            }
        }
        func = func.caller;
    }
    return null;
}

//阻止冒泡到下一个事件
function stopPropagations(){
    var ev = getEvent();
    if (window.event) {
        ev.cancelBubble = true;
    }else if(ev.preventDefault){
        ev.stopPropagation();//阻止冒泡
    }
}

经过测试,火狐完美运行。

自己保存一下,以便以后查找。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值