防止事件冒泡
2010-12-10 12:07
204 查看
<div onclick="divClick(event)">点击我</div>
<script>
function divClick(e){
alert("点击了DIV");
e=e|| window.event;
stopBubble(e);
}
document.body.onclick=function(){
alert("我是Body的Click事件");
}
function stopBubble(e) {
//如果传入了事件对象.那么就是非IE浏览器
if (e && e.stopPropagation) {
//因此它支持W3C的stopPropation()方法
e.stopPropagation();
}
else {
//否则,我们得使用IE的方式来取消事件冒泡
window.event.cancelBubble = true;
}
}
</script>
stopBubble(e);加入这个是防止事件冒泡,执行body的click事件。要传个event过来。
<script>
function divClick(e){
alert("点击了DIV");
e=e|| window.event;
stopBubble(e);
}
document.body.onclick=function(){
alert("我是Body的Click事件");
}
function stopBubble(e) {
//如果传入了事件对象.那么就是非IE浏览器
if (e && e.stopPropagation) {
//因此它支持W3C的stopPropation()方法
e.stopPropagation();
}
else {
//否则,我们得使用IE的方式来取消事件冒泡
window.event.cancelBubble = true;
}
}
</script>
stopBubble(e);加入这个是防止事件冒泡,执行body的click事件。要传个event过来。
相关文章推荐
- JS如何防止事件冒泡
- 防止事件冒泡
- vue中阻止click事件冒泡,防止触发另一个事件
- 防止点击事件冒泡 return false
- jquery中如何防止冒泡事件
- click 绑定(三)防止事件冒泡
- Javascript防止事件冒泡实例
- jQuery之防止冒泡事件
- 深入理解jQuery之防止冒泡事件
- jQuery之防止冒泡事件
- jQuery之防止冒泡事件
- jquery中如何防止冒泡事件
- jQuery之防止冒泡事件
- JavaScript 防止事件冒泡
- jQuery如何防止这种冒泡事件发生
- jQuery之防止冒泡事件
- jquery中怎样防止冒泡事件
- 防止事件冒泡
- jQuery防止冒泡事件
- jQuery之防止冒泡事件 阻止默认行为