阻止冒泡行为
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了阻止冒泡行为相关的知识，希望对你有一定的参考价值。
阻止事件冒泡行为，要是不阻止的话，点击div的时候也会同时触发body事件
html代码
<body onclick=‘load()‘>
<div onclick=‘cli()‘>
click this
</div>
</body>
css代码
div{
width:200px;
height:200px;
border:1px red solid;
}
js代码
function load(){
console.log(‘body‘)
}
function cli(e){
console.log(‘div‘);
if ( e && e.stopPropagation ){
e.stopPropagation();
}
else{
window.event.cancelBubble = true;
return false;
}
}
以上是关于阻止冒泡行为的主要内容，如果未能解决你的问题，请参考以下文章