跨浏览器兼容事件处理

最新推荐文章于 2024-08-31 10:12:03 发布

努力鸭小丁

最新推荐文章于 2024-08-31 10:12:03 发布

阅读量99

点赞数

本文链接：https://blog.csdn.net/weixin_44656639/article/details/103247416

版权


<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>跨浏览器事件处理程序</title>
	</head>
	<body>
		<button id="myBtn">点击我</button>
		<script type="text/javascript">
			var EventUtil = {
				addHandler:function(element,type,handler){
					//绑定事件
					//Chrome Firefox IE9等     addEventListener 
					//IE8及IE8以下的浏览器     attachEvent 
					if(element.addEventListener){
						element.addEventListener(type,handler,false);
					}else if (element.attachEvent) {
						element.attachEvent("on"+ type,handler);
					} else{
						element["on"+type] = handler 
					}
				},
				removeHandler: function(element,type,handler){
					//移除事件
					//Chrome Firefox IE9等      
					//IE8及IE8以下的浏览器     
					if(element.removeEventListener){
						element.removeEventListener(type,handler,false);
					}else if (element.detachEvent) {
						element.detachEvent("on"+type,handler);
					} else{
						element["on"+type] = handler
					}
				}
			}
			var btn = document.getElementById("myBtn");
			var handler = function(){
				alert("Clicked");
			}
			EventUtil.addHandler(btn,"click",handler);
		    //EventUtil.removeHandler(btn,"click",handler);
		</script>
	</body>
</html>