如何註冊document.onkeypress事件

Question

我想爲使用javascript的文檔註冊按鍵事件。

我用：

document.attachEvent("onkeydown", my_onkeydown_handler); 

它正常工作與IE瀏覽器， 但與Firefox和Chrome。

我也試過：

document.addEventListener("onkeydown", my_onkeydown_handler, true); 
// (with false value also) 

但它仍然無法與Firefox和Chrome的工作。

有沒有解決方案，我錯過了什麼？

Answer 1

您正在尋找：

編輯：

Java類CRIPT：

document.addEventListener("keydown", keyDownTextField, false); 

function keyDownTextField(e) { 
var keyCode = e.keyCode; 
    if(keyCode==13) { 
    alert("You hit the enter key."); 
    } else { 
    alert("Oh no you didn't."); 
    } 
} 

DEMO：JSFIDDLE

Answer 2

addEventListener()的事件名稱是​​，而不是onkeydown。

另外，您應該將事件處理程序附加到觸發器元素，而不是document。

Answer 3

您可能正在尋找：

document.body.addEventListener('keydown', function (e) { 
    alert('hello world'); 
});​​​​​​​ 

但它幾乎可以肯定將是值得你花時間在許多瀏覽器在那裏的問題，使用現有的庫抽象。

Answer 4

請通過以下鏈接進行詳細說明。

https://developer.mozilla.org/en-US/docs/DOM/element.addEventListener?redirectlocale=en-US&redirectslug=DOM%3Aelement.addEventListener

http://www.reloco.com.ar/mozilla/compat.html

總之，寫處理程序

function myFunction(e) 
{ 
    ///For IE 
    if(!e) 
     e=window.event; 

    // use e as event in rest of code. 
}