事件处理--监听

  • EventUtil.addHandler
  • addEventListener

什么是EventUtil?

在javascript中,DOMO、DOM2与旧版本的IE(8-)为对象添加事件的方法不同,为了以跨浏览器的方式处理事件,需要编写一段"通用代码",即跨浏览器的事件处理程序,习惯上这个方法属于一个名为EventUtil的对象。编写并使用该对象后,可保证处理事件的代码能在大多数浏览器下一致的运行,事实上,EventUtil是为了平衡不同浏览器间实现事件的差异或事件方法的差异而存在的

参数地址:https://www.cnblogs.com/hykun/p/EventUtil.html

addEventListener

指定事件处理程序的方法为addEventListener( )
它接受3个参数:要处理的事件名、作为事件处理程序的函数和一个布尔值(大多数情况下是false)
(布尔值表示是在捕获阶段(true)还是冒泡阶段(false)调用事件处理程序)
为什么大多数情况下是false,也就是冒泡阶段调用事件处理程序
因为冒泡阶段是从元素本身开始向上传递,而捕获阶段是从document也就是根元素开始向下寻找,一个是从下往上一个是从上往下顺利相反,捕获阶段因为寻找的dom比较多所以更耗性能。

参考地址:https://blog.csdn.net/zsnpromsie/article/details/79744230

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

相关阅读更多精彩内容

  •   JavaScript 与 HTML 之间的交互是通过事件实现的。   事件,就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 3,718评论 1 11
  • JavaScript 程序采用了异步事件驱动编程模型。在这种程序设计风格下,当文档、浏览器、元素或与之相关的对象发...
    劼哥stone阅读 1,338评论 3 11
  • 以下文章为转载,对理解JavaScript中的事件处理机制很有帮助,浅显易懂,特分享于此。 什么是事件? 事件(E...
    jxyjxy阅读 3,176评论 1 10
  • 事件流 JavaScript与HTML之间的交互是通过事件实现的。事件,就是文档或浏览器窗口中发生的一些特定的交互...
    DHFE阅读 926评论 0 3
  • js之事件机制 1、事件初探 1.1 js事件的概述 JavaScript事件:JavaScript是基于事件驱动...
    道无虚阅读 2,640评论 0 2

友情链接更多精彩内容