19day-事件冒泡

事件冒泡

什么是事件冒泡 ?

在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理程序或者事件返回true,那么这个事件会向这个对象的父级对象传播,从里到外,直至它被处理(父级对象所有同类事件都将被激活),或者它到达了对象层次的最顶层,即document对象(有些浏览器是window)。
事件冒泡的作用 ?

事件冒泡允许多个操作被集中处理(把事件处理器添加到一个父级元素上,避免把事件处理器添加到多个子级元素上),它还可以让你在对象层的不同级别捕获事件。
阻止事件冒泡 ?

事件冒泡机制有时候是不需要的,需要阻止掉,通过 event.stopPropagation() 来阻止。
合并阻止操作

实际开发中,一般把阻止冒泡和阻止默认行为合并起来写,合并写法可以用

例如:// event.stopPropagation();

例如:// event.preventDefault();
合并写法:

例如:return false;
事件委托

事件委托就是利用冒泡的原理,把事件加到父级上,通过判断事件来的子集,执行相应的操作,事件委托可以极大减少事件绑定次数,提高性能;还可以让新加入的子元素也可以拥有相同的操作。
取消事件委托

例如: $list.undelegate();

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

相关阅读更多精彩内容

  •   JavaScript 与 HTML 之间的交互是通过事件实现的。   事件,就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 3,652评论 1 11
  • JavaScript 程序采用了异步事件驱动编程模型。在这种程序设计风格下,当文档、浏览器、元素或与之相关的对象发...
    劼哥stone阅读 1,324评论 3 11
  • 事件是什么,可以用来做什么,什么时候用到它? 事件,就是文档或浏览器窗口中发生的一些特定的交互瞬间。JavaScr...
    茂茂爱吃鱼阅读 1,603评论 0 16
  • js之事件机制 1、事件初探 1.1 js事件的概述 JavaScript事件:JavaScript是基于事件驱动...
    道无虚阅读 2,619评论 0 2
  • 你是原始的那张图腾,而我只是这个世界其中的那一部分,我想与你说的都在我的思维中,不需要直接述说,还只愿你能够慢慢领...
    叶瑾瑜阅读 307评论 0 0

友情链接更多精彩内容