当前位置： 移动技术网 > IT编程>网页制作>CSS > js/jquery停止事件冒泡和阻止浏览器默认事件教程

js/jquery停止事件冒泡和阻止浏览器默认事件教程

2019年01月11日  | 移动技术网IT编程  | 我要评论

小新堆雪人,冷军长的师太妻,梅州城域网

js /jquery停止事件冒泡和阻止默认事件

1.js阻止事件冒泡事件

var el = window.document.getelementbyid("a");
    el.onclick = function (e) {
        //如果提供了事件对象，则这是一个非ie浏览器
        if (e && e.stoppropagation) {
            //因此它支持w3c的stoppropagation()方法
            e.stoppropagation();
        }
        else {
            //否则，我们需要使用ie的方式来取消事件冒泡 
            window.event.cancelbubble = true;
            return false;
        }
    }
    2.js阻止默认事件
     var el = window.document.getelementbyid("a");
    el.onclick = function (e) {
        //如果提供了事件对象，则这是一个非ie浏览器
        if (e && e.preventdefault) {
            //阻止默认浏览器动作(w3c) 
            e.preventdefault();
        }
        else {
            //ie中阻止函数器默认动作的方式 
            window.event.returnvalue = false;
            return false;
        }
    }

3>jqeury阻止默认和冒泡事件

阻止冒泡事件

        $("a").click(function (e) {
            e.stoppropagation();
        });

阻止默认事件

        $("a").click(function (e) {
            e.preventdefault();
        });

阻止默认和冒泡事件

        $("a").click(function (e) {
            return false;
        });

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网