如何阻止冒泡与默认行为

简介: 如何阻止冒泡与默认行为


  • 阻止冒泡行为:非 IE 浏览器 stopPropagation(),IE 浏览器 window.event.cancelBubble = true


  • 阻止默认行为:非 IE 浏览器 preventDefault(),IE 浏览器 window.event.returnValue = false


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


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


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


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


相关文章
|
6月前
|
小程序 前端开发
阻止小程序事件冒泡的三种方法
阻止小程序事件冒泡的三种方法
756 0
|
1月前
|
JavaScript 前端开发
阻止事件冒泡与捕获
【10月更文挑战第15天】
|
1月前
|
JavaScript 前端开发
|
6月前
在事件冒泡中,如何区分需要阻止传播的事件和不需要阻止的事件
在事件冒泡中,如何区分需要阻止传播的事件和不需要阻止的事件
在事件冒泡中阻止特定事件的传播
在事件冒泡中阻止特定事件的传播
|
6月前
|
JavaScript 前端开发
js阻止浏览器默认事件和防止事件传播事件
js阻止浏览器默认事件和防止事件传播事件
119 3
|
JavaScript 前端开发 UED
什么是事件冒泡?如何阻止事件冒泡和浏览器默认事件?
什么是事件冒泡?如何阻止事件冒泡和浏览器默认事件?
180 0
|
JavaScript
Vue——02-06 阻止事件冒泡,阻止默认行为以及监听键盘回车事件
阻止事件冒泡,阻止默认行为以及监听键盘回车事件
369 0
|
前端开发 JavaScript
简单解析JavaScript的默认事件及如何阻止默认事件
简单解析JavaScript的默认事件及如何阻止默认事件 上篇文章就提到,在JavaScript中提到事件冒泡两个必不可少也要提的就是事件捕获和默认事件,现在来聊一聊什么是默认事件,及如何阻止默认事件。 1.什么是默认事件 顾名思义,默认事件就是默认执行的事件,比如 a标签,点击a标签,页面会自动跳转。如图: 在这里插入图片描述 HTML代码: <form action=""> <input type="submit" id="submit"> <input type="image" src="../../CSS/0421/car.jpg"
简单解析JavaScript的默认事件及如何阻止默认事件
|
JavaScript 前端开发
面试题:什么是事件委托? 怎么阻止默认动作? 怎么阻止事件冒泡?
面试题:什么是事件委托? 怎么阻止默认动作? 怎么阻止事件冒泡?
150 0