addEventListener和attachEvent的区别·

最新推荐文章于 2024-02-22 11:07:37 发布

原创最新推荐文章于 2024-02-22 11:07:37 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

javascript 专栏收录该内容

23 篇文章

订阅专栏

本文探讨了JavaScript中事件处理函数的绑定方式，详细对比了addEventListener与attachEvent的不同特性，包括重复绑定的效果、this指针的指向等核心概念。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

addEventListener一个相同的事件处理函数不可以在同一事件上绑定多次，后面的绑定会自动忽略

<button   value="111">111</button>

	<script>
		var btn = document.getElementsByTagName('button')[0];
		function test() {
			alert(1);
		}
		btn.addEventListener('click', test);
		btn.addEventListener('click', function(){
			alert(2);
		});
		btn.addEventListener('click', test);

而attachEvent的同一事件处理函数在用一事件上可以多次绑定

addEventListener事件处理函数的this指向触发事件的对象，attachEvent this指向的是window对象