码迷,mamicode.com
首页 > 其他好文 > 详细

阻止冒泡行为

时间:2016-06-16 16:22:12      阅读:153      评论:0      收藏:0      [点我收藏+]

标签:

阻止事件冒泡行为,要是不阻止的话,点击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;
}
}

 

阻止冒泡行为

标签:

原文地址:http://www.cnblogs.com/lwwen/p/5591280.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!