JavaScript阻止冒泡和取消事件默认行为

//功能:停止事件冒泡
function stopBubble(e) {
    if ( e && e.stopPropagation ) {
        e.stopPropagation();
    } else {
        // ie old
        window.event.cancelBubble = true;
    }
}

//功能:阻止事件默认行为
function stopDefault( e ) {
     if ( e && e.preventDefault ) {
         e.preventDefault();
     } else {
        // ie old
        window.event.returnValue = false;
    }
    return false;
}
时间: 2024-11-14 15:15:15

JavaScript阻止冒泡和取消事件默认行为的相关文章

事件冒泡以及取消事件冒泡方法

事件冒泡 以及 取消事件冒泡方法 1. 事件冒泡的原理: 2. 取消事件冒泡的方法: 方法一:return false  (在定义的事件回调函数的后面加上这句代码) 方法二:event. stopPropagation() 方法三:event. preventDefault() (在Chrome浏览器中,失效了) 原文地址:https://www.cnblogs.com/david-lcw/p/10430271.html

JavaScript阻止冒泡事件

$(".modal .modal-content").click(function (event) { event.preventDefault(); event.stopPropagation(); return false; }); 原文地址:https://www.cnblogs.com/hool/p/11909908.html

取消事件默认行为(移动端)

在编写功能时,遇到一个很有意思的事情,后来经过思索就解决了这个问题. 这个功能的需求是点击一个按钮,弹出对话框,其他部分笼罩一层灰色,点击灰色后弹出框消失,如果只是这样就比较好实现,但还有其他需求,那就是这个按钮所在的这个整体内容,点击它之后会进入另一个页面,所以我的思路是使用事件冒泡,判断是点击了按钮还是内容的其他部分来决定是弹出对话框还是进入另一个页面,在点击弹出框以外的笼罩层,弹出框和笼罩层就消失,到这一步为止,都实现得很顺利,但在测试时有意思的事情就出现了,在点击灰色笼罩层时,点击部分对

jQuery 取消事件冒泡 阻止后续内容执行 闭包函数 (学习笔记)

1.取消事件冒泡 <title>取消事件冒泡</title> <style> div { border:solid 1px black; } </style> <script src="js/jquery-3.1.1.js"></script> <script> $(function () { $("#big").click(function () { alert("点了大

事件冒泡机制和事件委派 以及回调的匿名函数参数

1.事件冒泡机制: 事件冒泡机制也就是当一个事件绑定到一个元素上时,如果这个元素不存在或者回调函数返回ture,那么这个事件就会向上冒泡,继续绑定这个元素的父级元素直至document.(如果事件返回return false则不会冒泡) 阻止冒泡:1.事件return false ; 2.evt.stopPropagation(这个evt指此次事件,写在事件匿名回调函数的参数里)例如: $('li').click(function(evt){evt.stopPropagation()}); 2.

##阻止事件冒泡和取消默认操作

取消事件冒泡 事件冒泡指当一个元素的事件被触发的时候,比如鼠标点击了一个按钮,同样的事件将会在那个元素的所有祖先元素中被触发,这个过程被称为事件冒泡.这个事件是从原始元素开始一直冒泡到DOM树的最上层.事件传播的3个阶段:捕获.冒泡.目标阶段. 阻止事件冒泡:w3c的方法是event.stopPropagation(),IE则是使用event.cancelBubble = true; 兼容性写法: var event = event || window.event; if(event &&

javascript阻止事件冒泡和浏览器的默认行为

/*---------------------------    功能:停止事件冒泡    ---------------------------*/    function stopBubble(e) {        //如果提供了事件对象,则这是一个非IE浏览器        if ( e && e.stopPropagation )            //因此它支持W3C的stopPropagation()方法            e.stopPropagation();  

javascript -- 阻止默认事件 阻止事件冒泡示

1. event.preventDefault();  -- 阻止元素的默认事件.注:a元素的点击跳转的默认事件 , button,radio等表单元素的默认事件 , div 元素没有默认事件 例: <a href="http://www.baidu.com" target="_black">百度</a> var samp = document.getElementByTagName("a"); samp.addEvent

JavaScript停止冒泡和阻止浏览器默认行为

事件兼容 function myfn(e){ var evt = e ? e:window.event; } js停止冒泡 function myfn(e){ window.event? window.event.cancelBubble = true : e.stopPropagation(); } js阻止默认行为 function myfn(e){ window.event? window.event.returnValue = false : e.preventDefault(); }