js|js jquery 阻止事件冒泡
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 = https://www.it610.com/article/false;
return false;
}
javascript的return false只会阻止默认行为,而是用jQuery的话则既阻止默认行为又防止对象冒泡。
---jquery
$("#testC").on('click',function(){
return false;
});
【js|js jquery 阻止事件冒泡】---js
var a = document.getElementById("testB");
a.onclick = function(){
return false;
};
推荐阅读
- vue.js|Vue模块语法下(事件处理器&自定义组件&组件通信)
- Vue|Vue语法模板(样式绑定,事件处理器,表单,自定义组件,组件通信)
- html+css+js|Vue事件修饰符
- js|jquery 分页兼容i7,i8浏览器
- 使用|使用 Busy Dialog 动画阻止 SAP UI5 应用按钮短时间内快速被点击试读版
- jQuery|猿创征文 | 使用Jquery封装的AJAX请求数据
- 前端|猿创征文 | H5 API之web存储、拖拽事件以及跨文档通信
- Vue|事件处理、事件修饰符(详细)
- 在|在 node 中使用 jquery ajax
- vue的事件总线|vue2 eventbus的实现原理