首页 > 其他 > 详细

阻止冒泡行为

时间:2016-06-16 16:19:40      阅读:202      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!