js中阻止事件冒泡

最新推荐文章于 2022-08-06 20:15:39 发布

weixin_30919571

最新推荐文章于 2022-08-06 20:15:39 发布

阅读量41

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/vnii/archive/2011/12/19/2293311.html

版权

<!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 οnclick="test()">
    <div οnclick="test()">
        <div οnclick="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>