欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

事件的多次绑定

程序员文章站 2023-12-28 21:48:58
...

addEventListener()
- 通过这个方法也可以为元素绑定多个响应函数
- 参数:
1.时间的字符串,不用on
2.回调函数,当事件触发时该函数会被调用
3.是否在捕获阶段触发事件,需要一个布尔值,一般都传false
- 使用addEventListener()可以同时为一个元素的相同事件绑定多个响应函数,
这样事件被触发时,响应函数将会按照函数的绑定顺序执行
(不支持IE8及以下方法)

例:
	btn.addEventListener("click",function(){
		alert("1");
	},false);
	btn.addEventListener("click",function(){
		alert("2");
	},false);
	btn.addEventListener("click",function(){
		alert("3");
	},false);
	//依次返回1,2,3
	
attachEvent()
	- 在IE8中可以使用attachEvent()来绑定事件
	- 参数:
		1.事件的字符串,需要on
		2.回调函数
	- 这个方法也可以同时为一个事件绑定多个处理函数,不同的是它是后绑定先执行,
		执行顺序和addEventListener()相反
	btn.attachEvent("onclick",function(){
		alert("1");
	});
	btn.attachEvent("onclick",function(){
		alert("2");
	});
	btn.attachEvent("onclick",function(){
		alert("3");
	});
	//依次执行3,2,1

上一篇:

下一篇: