邋遢辣子 发表于 2024-2-19 10:46:45

为什么在js中需要添加addEventListener()?

为什么在js中需要添加addEventListener()?

1.What?

addEventListener(监听器)---EventTarget.addEventListener()方法将指定的监听器注册到 EventTarget 上,当该对象触发指定的事件时,指定的回调函数就会被执行。事件目标可以是一个文档上的元素 Element、Document 和 Window,也可以是任何支持事件的对象(比如 XMLHttpRequest)。
addEventListener() 的工作原理是将实现 EventListener 的函数或对象添加到调用它的 EventTarget 上的指定事件类型的事件侦听器列表中。如果要绑定的函数或对象已经被添加到列表中,该函数或对象不会被再次添加。
2.Why ?



[*]关注点分离:使用 addEventListener 将 HTML 结构(内容)与 JavaScript 行为(呈现)分开,使代码更清晰和易于维护。
[*]灵活性:使用 addEventListener,你可以在同一个元素上附加多个事件监听器,而不会覆盖现有的监听器。这使得处理各种场景变得更加灵活。
[*]无侵入式 JavaScript:通过以编程方式附加事件监听器,可以使 HTML 标记保持干净,不受 JavaScript 代码的干扰,提高了可读性和可访问性。
[*]动态事件处理:你可以在运行时动态地附加事件监听器,这在处理动态创建或修改的元素时特别有用。
[*]闭包支持:使用 addEventListener 附加的事件监听器可以轻松访问封闭作用域(闭包)中的变量和函数,从而更容易地管理事件处理程序内的状态和上下文。
[*]更清晰的错误处理:使用 addEventListener 可以更好地处理错误,因为事件处理代码中的错误可以更有效地被捕获和管理,而不像内联事件处理程序那样困难。

来源:https://www.cnblogs.com/nikiL/p/18020090
免责声明:由于采集信息均来自互联网,如果侵犯了您的权益,请联系我们【E-Mail:cb@itdo.tech】 我们会及时删除侵权内容,谢谢合作!
页: [1]
查看完整版本: 为什么在js中需要添加addEventListener()?