您的位置：首页 > Web前端 > JavaScript

js中阻止事件冒泡

2011-12-19 14:01 363 查看

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>

<BODY>
<div onclick="test()">
<div onclick="test()">
<div onclick="test()">阻止事件冒泡</div>
</div>
</div>
</BODY>
</HTML>
<SCRIPT LANGUAGE="JavaScript">
<!--
//阻止事件冒泡
function stopEventBubble(event){
var e=event || window.event;

if (e && e.stopPropagation){
e.stopPropagation();
}
else{
e.cancelBubble=true;
}
}

//测试方法，调用时，直接调用test()或者test(event)，前者默认在调用最后一个未对应的参数传递事件
function test(evt){
alert('hahaha');
stopEventBubble(evt);
}
//-->
</SCRIPT>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航