js 事件绑定的几种方式以及它们的区别

3种绑定方式

1：DOM元素中直接绑定

2：在JS代码中绑定

3：绑定事件监听函数 

不同点：

1：

用 "addeventlistener" 可以绑定多次同一个事件，且都会执行，而在DOM结构如果绑定两个 "onclick" 事件，只会执行第一个；在脚本通过匿名函数的方式绑定的只会执行最后一个事件。

2：

addEventListener()是标准的绑定事件监听函数的方法，是W3C所支持的，Chrome、FireFox、Opera、Safari、IE9.0及其以上版本都支持该函数；但是，IE8.0及其以下版本不支持该方法，它使用attachEvent()来绑定事件监听函数。所以，这种绑定事件的方法必须要处理浏览器兼容问题。

写一个在各个浏览器都兼容的事件绑定方法

https://www.cnblogs.com/mylove103104/p/4667211.html

https://www.cnblogs.com/javawebstudy/p/5266168.html

转载于:https://juejin.im/post/5c370a95e51d45524376456a