冒泡委托

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

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标签
}
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 冒泡定义:点击子组件会触发父组件事件,所有父组件,先子一层一层到父。1 jq阻止冒泡有3种方法:1, event....
    秋殇灬阅读 195评论 0 0
  •   JavaScript 与 HTML 之间的交互是通过事件实现的。   事件,就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 3,660评论 1 11
  • 自定义事件 trigger 按钮二执行按钮一事件 冒泡 子元素事件传递到父元素 这就是时间冒泡 父元...
    叫我老村长阅读 243评论 0 0
  • JavaScript 程序采用了异步事件驱动编程模型。在这种程序设计风格下,当文档、浏览器、元素或与之相关的对象发...
    劼哥stone阅读 1,328评论 3 11
  • 第一次尝试使用简书看看是否图文能随心所欲地编辑穿插图文和视频
    黄舜正能量Jack阅读 215评论 0 0

友情链接更多精彩内容