在前端開發中,我們經常需要獲取用戶按下的鍵盤按鍵代碼,以便我們實現一些交互性的功能。而在HTML5中,我們可以通過keyCode、which和charCode三個屬性來獲取按鍵代碼。
keyCode屬性用于獲取非字符鍵(如F1、Shift、Ctrl等)的按鍵代碼。其取值范圍是0到255,不同的按鍵有不同的代碼值。下面是一段獲取鍵盤按鍵代碼的示例代碼:
document.addEventListener('keydown',function(event){ var keyCode=event.keyCode; console.log(keyCode); });which屬性與keyCode的作用類似,也是用于獲取非字符鍵的按鍵代碼。不過其取值范圍比keyCode更大,包括了0到65535之間的所有整數。我們同樣可以通過監聽keydown事件來獲取which屬性的值:
document.addEventListener('keydown',function(event){ var which=event.which; console.log(which); });charCode屬性則主要用于獲取用戶按下了哪個字符鍵。不過需要注意的是,該屬性只在按下字符鍵時才有值。對于非字符鍵而言,其值始終為0。我們同樣可以通過監聽keypress事件來獲取charCode屬性:
document.addEventListener('keypress',function(event){ var charCode=event.charCode; console.log(charCode); });除了上述三個屬性,我們還可以使用event.key來獲取按下的鍵的實際字符值。該屬性返回的是一個字符串,表示用戶按下的鍵所代表的字符。例如,按下'A'鍵會返回扁字符'A'。 以上就是HTML5中獲取鍵盤按鍵代碼的方式,通過這些屬性我們可以實現一些需要根據用戶輸入做出響應的交互性功能。
上一篇js給div賦css
下一篇html5色彩代碼