                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /DOM事件探秘

function addHand(element,type,handler) 一样可以实现，为什么要多加一个变量并且用句柄？用句柄有什么好处

<head>

<title>无标题文档</title>

function showmes()

{alert("none");}

window.onload=function(){

var btn=document.getElementById("btn");

function addHand(element,type,handler)

{

if(element.addEventListener)

{ element.addEventListener(type,handler,false);}

else if(element.attachEvent)

{ element.attachEvent('on'+type,handler);}

else

{ element['on'+type]=handler;}

}

addHand(btn,'click',showmes);

}

</script>

</head>

<body>

</body>

</html>

想问一下大家，我这样写一样可以实现，为什么要多加一个变量并且用句柄？用句柄有什么好处，说实话，我感觉写句柄的格式怪怪的

rainy_li3676598

2016-10-12

源自：DOM事件探秘 2-4

关注问题我要回答

2152

操作

收起

6 回答

冰糖雪梨_0004
2017-10-05

element.addEventListener是用来兼容非IE浏览器的，采用的是DOM2级事件处理方式

element.attachEvent是来兼容IE浏览器的

element["on"+type]=handler是在前两种都不兼容的情况下采用DOM0级事件处理（在现在浏览器中一般不会执行这里的代码）

0 回复有任何疑惑可以回复我~

收起回答

无敌小哥儿
2017-03-24

我又回来了。。。。建议大家看完慕课网教程之后看看书《javascript高级程序设计》。。。。在javascript语言中，一切皆对象，对象有属性和方法，这个句柄就是一个指向这个函数的指针。。添加的这个变量就是一个用字面量表示的对象。。。你用函数实现也可以，但是这个函数作用域是全局的。就像在C语言里，你不论变量是什么类型（全局的还是函数里的），都设置为全局变量。那肯定是不合适的。所以你要把这个函数封装到某个对象里，调用的时候，对象.属性（或者方法）就可以了。