如何將鍵盤筆划分配給按鈕？

Question

我有一個文本冒險游戲，用戶需要輸入命令才能繼續游戲。 所以他們不必點擊GO！ 按鈕，我希望他們能夠按回車鍵。

如何將 Enter 鍵分配給該按鈕。

Answer 1

正如其他開發人員所指出的，您應該真正研究JavaScript 事件。

也就是說，這里是一個示例事件，它將偵聽“Enter”keydown 事件的文檔。

document.addEventListener("keydown", function (e) {
    e.preventDefault();
    if (e.key === "Enter") {
        console.log('You pressed enter.')
    }
});

Answer 2

您可以以編程方式觸發元素上的點擊事件。 在下面的代碼片段示例中，我們向window對象添加了一個“ Keyup EventListener ”。 為了使輸入被捕獲，您需要首先單擊代碼段預覽中的某個位置。 因為當您單擊預覽時，您將專注於預覽文檔。

 window.addEventListener('keyup', function(e) { if (e.which == 13) { e.preventDefault(); document.getElementById('go-button').click(); } })

 #scene { width: 500px; height: 300px; background-color: #999; display: flex; justify-content: center; align-items: center; } #go-button { cursor: pointer; outline: none; border: none; width: 100px; height: 100px; background-color: cornflowerblue; color: #eee; font-size: x-large; border-radius: 55%; } #go-button span{ font-size: small; } #go-button:hover { background-color: #729dee; }

 <div id="scene"> <button onclick="alert('Go clicked')" id="go-button" type="button"> Go! <br> <span> [Enter] </span> </button> </div>