美文网首页
js jquery 阻止事件冒泡

js jquery 阻止事件冒泡

作者: 飞鱼_JS | 来源:发表于2017-07-17 19:53 被阅读0次

    js当需要停止冒泡行为时,可以使用

    function stopBubble(e) { 
    //如果提供了事件对象,则这是一个非IE浏览器 
    if ( e && e.stopPropagation ) 
        //因此它支持W3C的stopPropagation()方法 
        e.stopPropagation(); 
    else 
        //否则,我们需要使用IE的方式来取消事件冒泡 
        window.event.cancelBubble = true; 
    }
    

    js当需要阻止默认行为时,可以使用·

    //阻止浏览器的默认行为 
    function stopDefault( e ) { 
        //阻止默认浏览器动作(W3C) 
        if ( e && e.preventDefault ) 
            e.preventDefault(); 
        //IE中阻止函数器默认动作的方式 
        else 
            window.event.returnValue = false; 
        return false; 
    }
    

    javascript的return false只会阻止默认行为,而是用jQuery的话则既阻止默认行为又防止对象冒泡。
    ---jquery

    $("#testC").on('click',function(){
    return false;
    });
    

    ---js

    var a = document.getElementById("testB");
    a.onclick = function(){
    return false;
    };
    

    相关文章

      网友评论

          本文标题:js jquery 阻止事件冒泡

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