jQuery --- 取消冒泡
2017-04-23 16:44
211 查看
<!DOCTYPE html> <html> <head> <title>quxiaomaopao.html</title> <script type="text/javascript" src="js/jquery-1.11.1.js"></script></head> <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'); //判定浏览器引擎是IE还是其他浏览器(第一道能力检测) event=event||window.event; //第二道能力检测 if(event.stopPropagation){//非IE浏览器 chrome event.stopPropagation(); }else{ //IE浏览器 event.cancelBubble=true; } }); }); </script> <body> <div id="mybigdiv">我是大div <div id="myid">我是小div</div> </div> </body> </html>
相关文章推荐
- jquery取消事件冒泡和取消默认行为
- 取消冒泡---jQuery
- JQuery取消事件冒泡
- 【转】jquery-取消冒泡
- jQuery中处理事件冒泡的方法和取消后续内容的方法
- jquery取消事件冒泡的三种方法(推荐)
- jquery 事件代理中的 取消冒泡传递
- JQuery 取消时间冒泡
- JQuery取消事件冒泡
- jquery取消事件冒泡的三种方法
- jQuery取消事件冒泡
- JQuery中 取消后续事件的执行,取消事件冒泡
- JQuery 取消时间冒泡
- jquery-取消冒泡
- jquery防止事件冒泡和取消默认行为案例
- 【转】jquery-取消冒泡
- jquery实现全选和取消全选
- 【笔记】jquery阻止冒泡事件发生的语句
- 浅谈javascript事件取消和阻止冒泡