js dom2兼容浏览器写法

谁借莪１个温暖的怀抱￠ 2021-07-24 23:33 385阅读 0赞

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 条评论，385人围观）

还没有评论，来说两句吧...

相关阅读

相关 html\css\js-dom在不同主流浏览器的兼容问题

1、html 主要是解决html5在主流浏览器上的兼容性。特别是在IE浏览器上的兼容性。 //方法一:使用google的html5shiv包，将它引入放

忘是亡心i/ 2022年07月13日 15:29/ 0 赞/ 104 阅读

相关 DOM2事件兼容处理

<table> <tbody> <tr> <td><b>目录</b></td> </tr> </tbody> </table> 1.DOM2级事

今天药忘吃喽~/ 2022年06月06日 12:18/ 0 赞/ 169 阅读

相关浏览器兼容性测试小记-DOM篇（一）

1、childNodes引入空白节点问题：使用childElementCount或children 　　2、innerText： FF中不支持该属性，使用textConten

曾经终败给现在/ 2022年01月27日 20:01/ 0 赞/ 203 阅读

相关 hack 兼容各浏览器写法

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][] / IE9+ / （包含ie9） @me

分手后的思念是犯贱/ 2022年01月13日 16:05/ 0 赞/ 222 阅读

相关 js浏览器 event || window.event兼容性写法

Js浏览器对event 和window.event写法不同在IE/Opera中，用window.event写法，在Firefox里面, 用event写法。

小鱼儿/ 2021年10月09日 03:06/ 0 赞/ 368 阅读

相关 css浏览器兼容写法

\ ， ie6,ie7可以识别； \_和- ， ie6可以识别； !important ,表示高优先级，ie7及以上，f

逃离我推掉我的手/ 2021年09月17日 01:14/ 0 赞/ 358 阅读

相关怎么让浏览器兼容你的ES6写法

一：ES6目前（2018.03）在快速推广使用，但是尚且存在兼容性问题由于用户使用的浏览器版本在发布的时候也许早于ES6的定稿和发布，而到了今天，如果使用了ES6的新特性，

àì夳堔傛蜴生んèń/ 2021年09月17日 01:12/ 0 赞/ 436 阅读

相关 js dom2兼容浏览器写法

dom2兼容事件(ie和非ie浏览器) 绑定对象名.addEventListener 会根据不同浏览器返回正负性值

谁借莪１个温暖的怀抱￠/ 2021年07月24日 23:33/ 0 赞/ 386 阅读

相关 js event事件兼容写法总结

还可将以下的方法放进对象里存放 <html> <head> <meta charset="utf-8"> <title></titl

川长思鸟来/ 2021年07月24日 19:53/ 0 赞/ 411 阅读

相关 js 浏览器兼容性问题

0、js原生对象获取自定义属性值的问题： <input type="text" id="test" test="abc" /> 在IE下，发现使用$("\te

电玩女神/ 2021年06月24日 13:58/ 0 赞/ 572 阅读