js中阻止事件冒泡

来源:互联网 发布:vb编写简单整人小程序 编辑:程序博客网 时间:2024/05/16 02:03
<!DOCTYPE HTML><html><head><title></title><meta charset="utf-8"></head><style type="text/css">div{          width:500px;         height:500px;          background:red;    }   p{         width:200px;        height:200px;        background:blue;   }</style><body><div onclick="show('a')">         <p onclick="show('b')"></p>  </div>  <script type="text/javascript">function show(info){ alert(info);     (function cancelBubble(e){         e = e || window.event;        if (e.stopPropagation) {                           e.stopPropagation();          }else {                                e.cancelBubble = true;          }       })(event)     }</script>
<!--当然也可以用监听事件方法:

addEventListener("cilck",function(e){window.event? window.event.cancelBubble = true : e.stopPropagation();},false )

--></body></html>