阻止事件冒泡
1、阻止事件冒泡 - jQuery的两种方式
语法:1)event.stopPropagation();//阻止冒泡
2)return false;//取消默认行为,阻止冒泡
区别:1)return false不仅阻止了事件往上冒泡,而且阻止了事件本身;
2)event.stopPropagation()只阻止了事件往上冒泡,不阻止事件本身。
2、取消默认行为
event.preventDefault();//比如跳转动作
3、兼容写法
1)阻止事件冒泡
function stopBubble(e){
if(e && e.stopPropagation){
e.stopPropagation();
}else{
window.event.cancelBubble = true ;
}
}
2)阻止事件默认行为
function stopDefault( e ) {
if ( e && e.preventDefault ) {
e.preventDefault();
}else{
window.event.returnValue = false;
}
return false;
}
本文标题:阻止事件冒泡
本文链接:https://www.haomeiwen.com/subject/dtttrxtx.html
网友评论