同時按下按鍵

Question

我可以知道在Javascript中同時按下的按鍵數量嗎？

如果是這樣，我怎麼能有他們的keyCode陣列？

Answer 1

您可以收聽keydown和keyup事件。

var keys = { length: 0 }; 

document.onkeydown = function(e){ 
    if(!keys[e.keyCode]) { 
     keys[e.keyCode] = true; 
     keys.length++; 
    } 
} 

document.onkeyup = function(e){ 
    if(keys[e.keyCode]) { 
     keys[e.keyCode] = false; 
     keys.length--; 
    } 
} 

然後一切都true鍵是當前壓制的人。

小提琴演示感謝@Esailija：http://jsfiddle.net/maniator/Gc54D/

Answer 2

這應該做的伎倆。它與Neal's類似，但應該修復一些問題，包括窗口出錯和鍵盤負數錯誤。我還簡化了消息編寫代碼。我使用按需系統替換了用於寫入密鑰數量消息的計時器循環，添加了用於遞減長度索引的安全機制，並添加了clearKeys以在用戶離開窗口時將所有密鑰切換爲up。該代碼仍然有兩個錯誤：它不會識別在新窗口打開和關閉後仍然按住的鍵（它們必須被釋放並重新推入），並且我無法識別超過六個鍵（我懷疑這和這段代碼沒有關係，但是電腦/瀏覽器......）。

var keys = { 
    length: 0 
}; 

window.onkeydown = function(e) { 
    if (!keys[e.keyCode]) { 
     keys[e.keyCode] = true; 
     keys.length++; 
     document.body.innerHTML = "You are pressing " + keys.length + " keys at the same time."; 
    } 
} 

window.onkeyup = function(e) { 
    if (keys[e.keyCode]) { 
     keys[e.keyCode] = false; 
     if (keys.length) { 
      keys.length--; 
     } 
     document.body.innerHTML = "You are pressing " + keys.length + " keys at the same time."; 
    } 
} 

function clearKeys() { 
    for (n in keys) { 
     n = false 
    }; 
    keys.length = 0; 
    document.body.innerHTML = "You are pressing " + 0 + " keys at the same time."; 
} 

document.body.innerHTML = "You are pressing 0 keys at the same time."; 
window.onblur = clearKeys; 

Answer 3

既然你想，我建議你使用下面的函數，同時按鍵的數量和他們的關鍵代碼數組：

var getKeys = function() { 
    var keys = []; 

    window.addEventListener("blur", blur, false); 
    window.addEventListener("keyup", keyup, false); 
    window.addEventListener("keydown", keydown, false); 

    return function() { 
     return keys.slice(0); 
    }; 

    function blur() { 
     keys.length = 0; 
    } 

    function keyup(event) { 
     var index = keys.indexOf(event.keyCode); 
     if (index >= 0) keys.splice(index, 1); 
    } 

    function keydown(event) { 
     var keyCode = event.keyCode; 
     if (keys.indexOf(keyCode) < 0) 
     keys.push(keyCode); 
    } 
}(); 

當你調用getKeys它會返回一個數組所有按鍵同時按下。您可以使用該數組的length屬性來查找同時按下的鍵的數量。由於它使用addEventListener，它也與頁面上的其他代碼協同工作。

我測試了上述函數，它總是返回正確的按鍵，即使按住一個鍵（它將從數組中刪除該鍵）切換到另一個窗口時也是如此。如果你按住一個鍵並切換回來，它就會識別出一個鍵被按下，並將它推入陣列。因此我可以證明上面的代碼中沒有錯誤。至少不在我測試過的瀏覽器上（Opera 12.00）。

我能夠在同一時間（A，S，D，F，J，K，L和;）按8個鍵。這個數字似乎與操作系統相關，因爲我只能同時按下4個左手鍵和4個右手鍵。例如，在我按A,S,D和F，然後再按另一個左手（比如說G），然後它不會識別最後一個鍵。這可能是因爲操作系統知道人類是如何鍵入的，所以它只允許每個左右鍵有四個中斷。我使用的操作系統是Ubuntu 12.04。

您可以在此fiddle上看到實際的代碼。我用Delta Timer而不是setInterval來顯示每隔50毫秒後的結果。您也可以閱讀以下answer。