addEventListener添加参数

最新推荐文章于 2024-02-08 07:45:00 发布

转载最新推荐文章于 2024-02-08 07:45:00 发布 · 2.7k 阅读

文章标签：

#addEventListener #参数 #javascript #callback

javascript 专栏收录该内容

56 篇文章

订阅专栏

本文介绍了一种在JavaScript中为元素添加点击事件并传递额外参数的方法。通过封装addEventListener，可以实现在触发事件时携带所需的自定义参数，适用于需要动态添加事件及扩展参数的应用场景。

很多时候我们不但需要动态添加事件, 也需要将此事件的回调函数增加一些参数,来满足我们的需求,而自带的addEventListener方法默认只有一个参数event事件类型,此类问题曾经困扰过我很长时间 .

//private method
diqye.html5.GpsDir.prototype._addClickEvent =function(_element,
						       callBack,
						       gpsDir,
		  				       id) {
		var eventCallBack = callBack;  
		//******************************************************** 				       	
		eventCallBack = function(event) {
			//console.log("enter method [eventCallBack] ");
			callBack(gpsDir,id);	
		}
		//********************************************************
		if(_element.addEventListener){
			_element.addEventListener("click", eventCallBack);
		}else if(_element.attchEvent) {
			_element.attchEvent("onclick", eventCallBack);
		}else if(_element.click) {
			_element.click = eventCallBack;
		}else{
			throw "your browse not support this library";
		}
}

转自：http://blog.youkuaiyun.com/diqye2011/article/details/7645491

参考：http://baike.baidu.com/link?url=FyCxA5C-puzpMAjAMRq4RBZ34hu2cUD1B5W79ytSjgFwcyhmi3WuqqV0p0ZZimaC6R1NuRxlGqLBGyvMFW9Eu_