跨浏览器事件处理程序

架构攻城狮

于 2016-10-24 16:14:52 发布

阅读量178

点赞数 1

分类专栏： JavaScript 免背代码文章标签：函数

JavaScript 同时被 2 个专栏收录

5 篇文章

订阅专栏

免背代码

3 篇文章

订阅专栏

<body>
<input type="button" value="按钮" id="btn" />
<script>
function showMessage(){
	alert("hello world!");
}
var eventUtil = {
	//添加句柄
	addHandler:function(element,type,handler){
		if(element.addEventListener){//DOM2级事件处理程序判断
			element.addEventListener(type,handler,false);
		}else if(element.attachEvent){//IE级事件处理程序判断
			element.attachEvent('on'+type,handler);
		}else{//DOM0级事件处理程序判断
			element['on'+type]=handler;
		}
	}
	//删除句柄
	removeHandler:function(element,type,handler){
		if(element.removeEventListener){//DOM2级事件处理程序判断
			element.removeEventListener(type,handler,false);
		}else if(element.detachEvent){//IE级事件处理程序判断
			element.detachEvent('on'+type,handler);
		}else{//DOM0级事件处理程序判断
			element['on'+type]=null;
		}
	}
}
eventUtil.addHandler(btn,'click',showMessage);
</script>
</body>