標準方式觸發特定事件

Question

如果HTML是這樣的：

<a href="javascript:void(0)" id="link">Click Me</a> 

，我設置eventHandler爲click作爲

ele.addEventListener('click', clickme, false); 

什麼是越來越漂亮的標準方式處理程序中的值ele。

我成功通過獲取ele值鉻：（工作示例 - http://jsfiddle.net/hy5Pz/4/）

function clickme(e){ 
    var ele = e.toElement; 
    ele.innerText = "I got clicked"; 
} 

，並在Firefox是：（工作示例 - http://jsfiddle.net/hy5Pz/3/）

function clickme(e){ 
    var ele = e.rangeParent; 
    ele.data="I got clicked"; 
} 

我是新來的javascript，所以我想知道是否有一個非常標準的cross-useragent方法。

Answer 1

我相信

var ele = e.currentTarget || e.srcElement; 

在大多數瀏覽器。它基本上首先嚐試使用e.target，如果沒有找到，則使用e.srcElement代替。在IE瀏覽器中使用e.target，在IE瀏覽器中使用e.srcElement。

Answer 2

如果您使用的是addEventListener,this將是事件最初綁定的元素。 e.target將是觸發事件的元素。如果你改變了標記來：

<a href="#" id="link"> 
    <span>Click Me</span> 
</a> 

e.target將是span，而不是a元素。