码迷,mamicode.com
首页 > 其他好文 > 详细

取消默认事件及冒泡

时间:2018-08-12 18:41:05      阅读:172      评论:0      收藏:0      [点我收藏+]

标签:als   return   event   tde   cti   w3c   efault   stop   elb   

阻止冒泡事件

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;
    }
}

阻止默认事件

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;
    }
}

jQeury阻止默认和冒泡事件

阻止冒泡事件
   $("a").click(function (e) {
            e.stopPropagation();
        });
阻止默认事件
 $("a").click(function (e) {
            e.preventDefault();
        });
阻止默认和冒泡事件
$("a").click(function (e) {
            return false;
        });

 

取消默认事件及冒泡

标签:als   return   event   tde   cti   w3c   efault   stop   elb   

原文地址:https://www.cnblogs.com/liangfc/p/9463624.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!