解决使用attachEvent函数时，this指向被绑定的元素的问题的方法_javascript技巧

使用attachEvent对同一事件进行多次绑定，这是解决事件函数定义冲突的重要方法。但是在IE中，函数内的this指针并没有指向被绑定元素，而是function对象，在应用中，这是很难受的一件事，如果试图用局部变量传送元素，会因为闭包而引起内存泄漏。那么，我们应该如何解决这一难题呢？

   我给Function添加了原型方法“bindNode”，在这个方法里，根据传送过来的元素，进行全局性存储转换，然后返回经过封装的函数，使用call方法来进行属主转换。

test


<script> <BR>if(!document.all){ <BR> HTMLElement.prototype.attachEvent=function(sType,foo){ <BR> this.addEventListener(sType.slice(2),foo,false) <BR> } <BR>} <BR>Function.prototype.bindNode=function(oNode){ <BR> var foo=this,iNodeItem <br><br> //使用了全局数组__bindNodes，通过局部变量iNodeItem进行跨函数传值，如果直接传送oNode，也将造成闭包 <BR> if(window.__bindNodes==null) <BR> __bindNodes=[] <BR> __bindNodes.push(oNode) <BR> iNodeItem=__bindNodes.length-1 <BR> oNode=null <BR> return function(e){ <BR> foo.call(__bindNodes[iNodeItem],e||event) <BR> } <BR>} <BR>abc() <BR>function abc(){ <BR> var bt=document.getElementById("btTest") <BR> bt.attachEvent("onclick",function(){ <br><br> //如果不经过bindNode处理，下面的结果将是undefined <BR> alert(this.tagName) <BR> }.bindNode(bt)) <BR> bt=null <BR>} <BR></script>