Keydown不爲我的eventlistener工作

Question

我很困惑，爲什麼當我按下一個鍵時，我的函數沒有記錄keydown事件？

window.addEventListener('keydown', function(e) { 
 
    console.log(e); 
 
});

<h1> Start typing </h1>

Answer 1

我認爲，正確的做法必須是使用文檔對象，而不是窗口對象。

像下圖的代碼應工作：

document.addEventListener('keydown', function(e) { 
    console.log("event", e); 
}); 

Answer 2

您的片段似乎是好的。所以它可能與周圍的環境有關，你在哪裏運行它。

（也就是說，如果使用document其他答案尚未幫你。）

請調查它失敗的情況。一個可能的原因可能是keyEvent被任何沿着泡泡方式的EventListener取消。

您正在從最頂級的窗口級別（甚至高於文檔級別）獲取​​。

如果沿事件方式停止冒泡，則不會看到冒泡。

嘗試例如

document.addEventListener("keydown", function(e) { 
    e.stopPropagation(); 
}); 

這也將阻止您在您的一部開拓創新的事件監聽器看到該keydown。