冒泡委托

冒泡定义:点击子组件会触发父组件事件,所有父组件,先子一层一层到父。
1

jq阻止冒泡有3种方法:
1, event.stopPropagation();//需要有参数event。它阻止了冒泡,但是不阻止默认行为
2, return false;//阻止事件冒泡也阻止默认行为
3,event.preventDefault(); //不阻止冒泡但是阻止默认行为

代码如下:
$('span').bind("click",function(e){
   alert("span");
  // e.stopPropagation();  阻止冒泡但不阻止默认行为
//   return false;   组织冒泡和默认行为
   e.preventDefault();//不默认冒泡阻止默认行为

js阻止冒泡

1,使用on方式绑定的事件通过cancelBubble阻止冒泡。 

function stopBubble(e) { 
if ( e && e.stopPropagation ) //非IE
e.stopPropagation(); //阻止冒泡
 e.preventDefault();//阻止默认行为 如表单提交和a标签
else //IE
window.event.cancelBubble = true; //阻止冒泡
  window.event.returnValue = false;//阻止默认行为 如表单提交和a标签
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  •   JavaScript 与 HTML 之间的交互是通过事件实现的。   事件,就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 3,543评论 1 11
  • 自定义事件 trigger 按钮二执行按钮一事件 冒泡 子元素事件传递到父元素 这就是时间冒泡 父元...
    叫我老村长阅读 240评论 0 0
  • JavaScript 程序采用了异步事件驱动编程模型。在这种程序设计风格下,当文档、浏览器、元素或与之相关的对象发...
    劼哥stone阅读 1,280评论 3 11
  • 以下文章为转载,对理解JavaScript中的事件处理机制很有帮助,浅显易懂,特分享于此。 什么是事件? 事件(E...
    jxyjxy阅读 3,075评论 1 10
  • 从明白事的时候开始 就感觉到了父母的爱护是无微不至的 从上初中起,就开始了叛逆 叛逆的时间还是那么得长 也不会因为...
    呆呆不呆不呆呆阅读 181评论 0 0