有沒有辦法在onclick屬性中訪問JavaScript事件？

Question

假設我需要寫一個onclick處理器在屬性，就像這樣：

<a href='#' onclick='DoSomething(); event.stopPropagation(); return false;'> 
    ...</a> 

我知道這是不好的形式，但假設爲，我必須使用屬性的時刻。

不幸的是event沒有定義。我試過e，那也沒有定義。有什麼方法可以訪問屬性中的事件對象，或者任何其他方式來停止事件傳播？

Answer 1

你在哪裏得到的事件對象取決於瀏覽器。一些（所有？）IE版本將它放在window.event中，但其他人都將其作爲參數傳遞給它。所以，你最終不得不做一個愚蠢的小舞這樣的：

function DoSomething(event) { 
    event = event || window.event; 
    event.stopPropagation(); 
    // Do useful work. 
    return false; 
} 

然後建立onclick這樣的：

<a href="javascript:void(0)" onclick="DoSomething(event)"> 

我也切換到javascript:void(0)，所以你沒有通常「#解釋爲頁內片段」問題。

Answer 2

根據瀏覽器的不同，event的創建和處理方式不同。

IE在點擊發生時創建全局事件對象。 FF不會創建全局對象event但將其作爲第一個參數傳遞給該函數。

但在你的情況下，只是說return false將取消鏈接操作（如果這是你打算做的）。

<a href='#' onclick='DoSomething(); return false;'> ...</a> 

Answer 3

我相信你需要將它傳遞到函數本身，就像這樣：

<a href='#' onclick='DoSomething(event); return false;'>...</a> 

function DoSomething(event){ 
    event.stopPropagation(); 
}