on和addEventListener的区别

Squerral

已于 2022-08-03 17:48:09 修改

阅读量1.3k

点赞数 1

文章标签：前端 javascript html

于 2022-08-03 17:47:58 首次发布

本文链接：https://blog.csdn.net/qq_44573359/article/details/126145711

版权

1.on不能重复绑定相同的事件，后绑定的事件会把前面绑定的相同事件覆盖；addEventListener可以多次绑定相同事件，触发事件时会调用所有回调。

2.on的兼容性不好，addEventListener兼容性好。我遇到过的一个例子，绑定touchStart事件时，用on绑定在某些电脑上会绑定不上，而用addEventListener则可以绑定上，所以尽量使用addEventListener。注：addEventListener多次绑定相同事件的相同回调时，如果不想重复调用多次，需要在绑定之前用removeEventListener清除绑定事件。