色尼玛亚洲综合影院,亚洲3atv精品一区二区三区,麻豆freexxxx性91精品,欧美在线91

解決使用attachEvent函數時,this指向被綁定的元素的問題的方法

使用attachEvent對同一事件進行多次綁定,這是解決事件函數定義沖突的重要方法。但是在IE中,函數內的this指針并沒有指向被綁定元素,而是function對象,在應用中,這是很難受的一件事,如果試圖用局部變量傳送元素,會因為閉包而引起內存泄漏。那么,我們應該如何解決這一難題呢?

   我給Function添加了原型方法“bindNode”,在這個方法里,根據傳送過來的元素,進行全局性存儲轉換,然后返回經過封裝的函數,使用call方法來進行屬主轉換。



<html>
<body>
<button id=btTest>test</button>
</body>
</html>
<script>
if(!document.all){
   HTMLElement.prototype.attachEvent=function(sType,foo){
       this.addEventListener(sType.slice(2),foo,false)
   }
}
Function.prototype.bindNode=function(oNode){
   var foo=this,iNodeItem

   //使用了全局數組__bindNodes,通過局部變量iNodeItem進行跨函數傳值,如果直接傳送oNode,也將造成閉包
   if(window.__bindNodes==null)
       __bindNodes=[]
   __bindNodes.push(oNode)
   iNodeItem=__bindNodes.length-1
   oNode=null
   return function(e){
       foo.call(__bindNodes[iNodeItem],e||event)
   }
}
abc()
function abc(){
   var bt=document.getElementById("btTest")
   bt.attachEvent("onclick",function(){

       //如果不經過bindNode處理,下面的結果將是undefined
       alert(this.tagName)
   }.bindNode(bt))
   bt=null
}
</script>

JavaScript技術解決使用attachEvent函數時,this指向被綁定的元素的問題的方法,轉載需保留來源!

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

主站蜘蛛池模板: 福贡县| 元朗区| 磐石市| 阿鲁科尔沁旗| 牡丹江市| 沾化县| 抚松县| 香港| 天门市| 博白县| 乌什县| 广南县| 海伦市| 福州市| 南江县| 连平县| 准格尔旗| 武鸣县| 铜梁县| 东乌| 定西市| 昌江| 霞浦县| 敖汉旗| 花莲市| 班玛县| 灵川县| 兴业县| 石家庄市| 抚宁县| 凤阳县| 高陵县| 鄢陵县| 朝阳市| 武胜县| 鹿泉市| 宿松县| 五河县| 潜山县| 新郑市| 府谷县|