JavaScript和傳遞事件實例功能

Question

我在嘗試從onclick事件傳遞事件對象時遇到了跨瀏覽器問題。

目前，我做了以下

for (var i = 0; i < list.length; i++) 
{ 
    var link= list[i];  
    link.onclick = function(el) { return function() {LinkManager.HandleOnClick(window.event, el); }}(link); 
} 

Firefox不尊重window.event。然而，我怎麼能通過它呢？

我使出了「不」乾淨的解決方案：

for (var i = 0; i < list.length; i++) 
{ 
    var link= list[i];  
    link.onclick = SomeClickHandler; 
} 

function SomeClickHandler(e) 
{ 
    e = e || window.event; 
    if (typeof (e) !== 'undefined') 
    { 
    var element = e.target || e.srcElement; 
    LinkManager.HandleOnClick(e, element); 
    } 
} 

誰能推薦解決它的一個更好的辦法？我真的不喜歡我所做的解決方法。

感謝，

Answer 1

如果我理解正確的，你要當它被稱爲你的處理程序可以訪問el變量和事件對象。這是可能的，並不難，但你可能要在關閉讀了起來：

link.onclick = (function(el) 
{ 
    return function (e)//this function will receive the event object 
    { 
     e = e || window.event;//for ie 
     LinkManager.HandleOnClick(e, el); 
    } 
})(link); 

但是，說實話，這是矯枉過正，試試這個（雙關語意）：

link.onclick = function(e) 
{//this refers to `link`, the clicked element 
    e = e || window.event;//for ie 
    LinkManager.HandleOnClick(e, this); 
}; 

甚至更少的代碼：

link.onclick = function(e) 
{//this refers to `link`, the clicked element 
    e = e || window.event;//for ie 
    LinkManager.HandleOnClick.apply(this,[e]); 
    //LinkManager.HandleOnClick will receive 1 argument, the event object, and 'this' will point to 'link' 
}; 

甚至更​​少：

link.onclick = LinkManager.HandleOnClick;//this === link, 1 argument: the event object 

---

也就是說，你正在遍歷一個列表，並將一個事件監聽器附加到每個單獨的子元素。我強烈建議你使用delegaion：

if (list.addEventListener) 
{ 
    list.addEventListener('click',LinkManager.HandleOnClick,false); 
} 
else if (list.attachEvent) 
{ 
    list.attachEvent('onclick',LinkManager.HandleOnClick); 
} 
else 
{ 
    //use the loop you have now as a last resort 
} 

//LinkManager.HandleOnClick should start like so: 
LinkManager.HandleOnClick = function(e) 
{ 
    e = e || window.event;//<- you have the event object here 
    var target = e.target || e.srcElement;//=== list item: your link variables, your element 
    console.log(this);//<-should reference the list element (<ul> || <ol>) 
}; 

不管怎樣，這就是我想解決這個

Answer 2

var handler = function (evt) { 
    // do something here 
} 

if(window.addEventListener) { 
    link.addEventListener("click", handler); 
} else if(document.attachEvent) { 
    link.attachEvent("onclick", handler) 
}