冒泡

来源：互联网发布：黑社会2知乎编辑：程序博客网时间：2024/05/20 07:34
<style type="text/css">        #mybigdiv {            width: 300px;            height: 300px;            border: 1px solid red;        }        #myid {            width: 100px;            height: 100px;            border: 1px solid red;        }      </style><script type="text/javascript">     //取消事件冒泡  //第一道能力检测:分浏览器  /*  event=event||window.event;   if(event.stopPropagation){   event.stopPropagation();   }else{event.cancelBubble=true; }*/ $(function(){//给大div注册事件$("#mybigdiv").click(function(){alert('我是大div');});//小div$("#myid").click(function(event){alert('我是小div');//UI工程师  能力检测//判定浏览器引擎是IE还是其他浏览器(第一道能力检测)   event=event||window.event;//第二道能力检测        if(event.stopPropagation){//非IE浏览器  chrome      event.stopPropagation();   }else{   //IE浏览器event.cancelBubble=true; }});});</script></head><body>       <div id="mybigdiv">我是大div          <div id="myid">我是小div</div>       </div></body>
0 0