.keyCode與.which

Question

我認爲這將在堆棧溢出的某個地方得到解答，但是我找不到它。

如果我正在監聽按鍵事件，我應該使用.keyCode還是.which來確定Enter鍵是否被按下？

我一直在做類似如下：

$("#someid").keypress(function(e) { 
    if (e.keyCode === 13) { 
    e.preventDefault(); 
    // do something 
    } 
}); 

但我看到使用.which，而不是.keyCode例子。有什麼不同？另一種跨瀏覽器友好嗎？

Answer 1

某些瀏覽器使用keyCode，其他使用which。如果你使用jQuery，你可以可靠地使用which作爲jQuery standardizes things。 More here.

---

如果你不使用jQuery，你可以這樣做：

var key = 'which' in e ? e.which : e.keyCode; 

或者交替：

var key = e.which || e.keyCode || 0; 

...它處理的可能性，e.which可能0 （通過在最後恢復0，使用JavaScript's curiously-powerful || operator）。

Answer 2

的jQuery根據event.which，event.keyCode或event.charCode是否被瀏覽器支持正常化event.which：

// Add which for key events 
if (event.which == null && (event.charCode != null || event.keyCode != null)) { 
    event.which = event.charCode != null ? event.charCode : event.keyCode; 
} 

一個額外的.which好處是，jQuery不會是鼠標點擊過：

// Add which for click: 1 === left; 2 === middle; 3 === right 
// Note: button is not normalized, so don't use it 
if (!event.which && event.button !== undefined) { 
    event.which = (event.button & 1 ? 1 : (event.button & 2 ? 3 : (event.button & 4 ? 2 : 0))); 
} 

Answer 3

看看這個：https://developer.mozilla.org/en-US/docs/Web/API/event.keyCode

在按鍵事件中，按下的鍵的Unicode值存儲在keyCode或charCode屬性中，而不是兩者。如果按下的按鍵生成一個字符（例如'a'），則charCode將被設置爲該字符的代碼，並遵守字母大小寫。 （即charCode考慮換檔鍵是否被按下）。否則，按鍵的代碼將存儲在keyCode中。 keyCode始終設置在keydown和keyup事件中。在這些情況下，charCode從未設置。 要獲取密鑰的代碼，無論它存儲在keyCode或charCode中，請查詢哪個屬性。 通過IME輸入的字符不通過keyCode或charCode註冊。

Answer 4

一個強大的Javascript庫，用於捕獲輸入的鍵盤輸入和組合鍵。它沒有依賴關係。

http://jaywcjlove.github.io/hotkeys/

hotkeys('ctrl+a,ctrl+b,r,f', function(event,handler){ 
    switch(handler.key){ 
     case "ctrl+a":alert('you pressed ctrl+a!');break; 
     case "ctrl+b":alert('you pressed ctrl+b!');break; 
     case "r":alert('you pressed r!');break; 
     case "f":alert('you pressed f!');break; 
    } 
}); 

熱鍵理解以下修飾符：⇧，shift，option，⌥，alt，ctrl，control，command，和⌘。

以下特殊鍵可用於快捷鍵：backspace，tab，clear，enter，return，esc，escape，space，up，down，left，right，home，end，pageup，pagedown，del，delete和f1至f19。

Answer 5

如果你是住在香草的Javascript，請注意鍵代碼現在已經過時，將被丟棄：

此功能已經從Web標準中刪除。儘管一些瀏覽器可能仍然支持它，但它正在被丟棄。避免使用它並儘可能更新現有的代碼;請參閱本頁底部的兼容性表格來指導您的決定。請注意，此功能可能會停止在任何恬工作

https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/keyCode

而是使用或者：這取決於你想要什麼樣的行爲。關鍵或.CODE： https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/code https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key

兩者都在現代瀏覽器上實現。

Answer 6

我建議event.key目前。 MDN文檔：https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key

event.KeyCode和event.which都在他們的MDN頁面的頂部有討厭過時的警告：
https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/keyCode https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/which

對於字母數字鍵，event.key似乎在所有瀏覽器相同的實現。對於控制鍵（標籤，輸入，轉義等），event.key在Chrome/FF/Safari/Opera中具有相同的值，但在IE10/11/Edge中有不同的值（IE顯然使用舊版本的規格但彼此匹配截至2018年1月14日）。

對於字母數字鍵的支票會看起來像：

event.key === 'a' 

控制字符你需要做這樣的事情：

event.key === 'Esc' || event.key === 'Escape' 

我使用的示例這裏測試在多個瀏覽器（我不得不打開codepen和編輯，以使其與IE10的工作）：https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/code

event.code被提及在一個不同的答案作爲可能性，但是IE10/11/Edge並沒有實現它，所以如果你想要IE支持的話就沒有了。