首頁猿問檢測javascript中按鍵的最...

檢測javascript中按鍵的最簡單方法

JavaScript JQuery Html5

PIPIONE 2019-10-19 16:31:59

我有一個使用javascript進行游戲的想法（我將使用EaselJS進行開發），并且我將不得不檢測按鍵。在互聯網上四處瀏覽后，我看到了很多建議（使用window.onkeypress，使用jQuery等），但是幾乎每個選項都有一個反對意見。你們有什么建議？使用jQuery聽起來很容易，但是我實際上對該庫沒有任何經驗（而且我也不是JavaScript的資深人士），所以我寧愿避免使用它。如果jQuery是最好的選擇，那么有人可以舉一個很好的例子（說明會很棒）嗎？我猜這被問了很多，但是我找不到任何明確的答案。提前致謝！

查看完整描述

3 回答

慕容708150

TA貢獻1831條經驗獲得超4個贊

KEYPRESS

（輸入鍵）

香草：

document.addEventListener("keypress", function(event) {

if (event.keyCode == 13) {

alert('hi.')

}

})

香草速記：

this.addEventListener('keypress', event => {

if (event.keyCode == 13) {

alert('hi.')

}

})

jQuery的：

$(this).on('keypress', function(event) {

if (event.keyCode == 13) {

alert('hi.')

}

})

jQuery經典：

$(this).keypress(function(event) {

if (event.keyCode == 13) {

alert('hi.')

}

})

jQuery簡寫：

$(this).keypress((e) => {

if (e.which == 13) {

alert('hi.')

}

})

甚至更短：

$(this).keypress(e=>

e.which==13?

alert('hi.'):null

)

反對回復 2019-10-19

繁華開滿天機

TA貢獻1816條經驗獲得超4個贊

使用event.key和現代的JS！

沒有數字代碼了。您可以使用"Enter"，"ArrowLeft"，"r"，或任意鍵名稱直接，使你的代碼更具可讀性。

document.addEventListener("keypress", function onEvent(event) {

if (event.key === "ArrowLeft") {

// Move Left

}

else if (event.key === "Enter") {

// Open Menu...

}

});

反對回復 2019-10-19

3 回答
0 關注
564 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

檢測javascript中按鍵的最簡單方法

檢測javascript中按鍵的最簡單方法

3 回答

添加回答