js dom2兼容浏览器写法

最新推荐文章于 2024-04-21 22:42:05 发布

神奇大叔

最新推荐文章于 2024-04-21 22:42:05 发布

阅读量117

点赞数

分类专栏： javaScript 文章标签： javaScript

本文链接：https://blog.csdn.net/weixin_43294560/article/details/103269531

版权

javaScript 专栏收录该内容

127 篇文章 6 订阅

订阅专栏

dom2兼容事件(ie和非ie浏览器)

	**绑定**
	
		对象名.addEventListener   会根据不同浏览器返回正负性值
		对象名.attachEvent		   会根据不同浏览器返回正负性值
		固可根据if判断返回的正负性，来兼容不同浏览器，或使用都兼容的dom0事件
	
	**解绑**
	
		对象名.removeEventListener  会根据不同浏览器返回正负性值
		对象名.detachEvent		       会根据不同浏览器返回正负性值
		固可根据if判断返回的正负性，来兼容不同浏览器，或使用都兼容的dom0事件

代码示例:

<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div class="div1" id="div1">
			11111
		</div>
		<button id="btn">解绑</button>
		<script>
			
			var div1=document.getElementById("div1");
			var btn=document.getElementById("btn");
			function test()
			{
				console.log("tet");
			}
			
			function addEvent(ele,type,methodName)
			{
				if(ele.addEventListener){
					ele.addEventListener(type,methodName);
				}else if(ele.attachEvent)
				{
					ele.attachEvent("on"+type,methodName);
				}else{
					ele["on"+type]=null;
				}
			}
			
			function removeEvent(ele,type,methodName)
			{
				if(ele.removeEventListener){
					ele.removeEventListener(type,methodName);
				}else if(ele.detachEvent){
					ele.detachEvent("on"+type,methodName);
				}else{
					ele["on"+type]="";
				}
			}
			
			addEvent(div1,"click",test);
			btn.onclick=function(){
				removeEvent(div1,"click",test);
			}
		</script>
	</body>
</html>

神奇大叔

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js dom2兼容浏览器写法

dom2兼容事件(ie和非ie浏览器) **绑定** 对象名.addEventListener 会根据不同浏览器返回正负性值对象名.attachEvent 会根据不同浏览器返回正负性值固可根据if判断返回的正负性，来兼容不同浏览器，或使用都兼容的dom0事件 **解绑** 对象名.removeEventListener 会根据不同浏览器返回正负性...
复制链接

扫一扫

专栏目录