這和DOM在事件處理程序

當調用的事件處理程序，處理程序內此關鍵字設置在其上的處理程序是的DOM元素註冊。（source）

這個聲明是關於an on<...> event handler不addEventListener。

<p><a id="link" href="#" onclick="EventHandler();">click me</a></p> 

<script> 
    function EventHandler() { 
     console.log(this); 
    //the this keyword inside the handler is NOT set to the DOM element 
    //it sets to the window object 
} 
</script>

它與MDN上的聲明矛盾。

當然，您可以將this作爲參數傳遞給EventHandler，或者乾脆使用addEventListener。但那是不正確的主題。

問題的主題是this和an on<...> event handler。

我的問題是：我的理解是不正確的還是MDN上的聲明不正確？

來源

2016-05-30 J.Joe

我看不出有任何問題。我在那篇文章中看到*「TBD（非捕捉者）」*這不像是任何事情的最後一句話。該網站由社區維護，我相信有建議修改的選項。什麼是您的問題，實際上stackoverflow社區？ –

閱讀https://developer.mozilla.org/en-US/docs/MDN/Feedback *「首先，如果您發現文檔有問題，您應該隨時自行更正它」* –

我的問題是：我的理解是不正確的還是MDN上的聲明不正確？ –

無論何時事件處理程序is inlined（如您在引用的句子後面的鏈接中所述），此聲明都是正確的。

但是，你的情況，MDN specify：

當一個函數被用作事件處理程序，它的這種設置爲元素從發射（事件有些瀏覽器不遵循這個約定用於使用除 addEventListener）以外的其他方法動態添加的監聽器。

我已經在最新的Chrome & FF中測試過，這些瀏覽器不遵循這個約定。

來源

2016-05-30 13:11:13 Bigood

'某些瀏覽器？它應該是'大部分瀏覽器'。 –

也許寫這個的人應該告訴讀者哪個瀏覽器遵循這個約定？也許IE6？ –

確實。無論如何，警告被告知。如果您想提供幫助，您可以通過在主要瀏覽器上提供您自己的測試結果來爲文檔做出貢獻！ – Bigood

根據該規範，this事件偵聽器內/處理程序始終是事件的當前目標：

Event listeners：

呼叫聽衆的回調「 s handleEvent，事件通過作爲第一個參數，並且事件的currentTarget 屬性值爲callback this value。
Event handlers
- 如果ë是ErrorEvent對象和event handler IDL attribute的類型OnErrorEventHandler
  
  Invoke回調具有五個參數，[...]並用回調這個值設置爲E的currentTarget。
- 否則
  
  Invoke回調使用一個參數，其值是Event對象ë，與回調這個值集到 è的currentTarget。

來源

2016-06-02 19:12:58 Oriol

這和DOM在事件處理程序

回答

相關問題