在Web開發過程中,前端開發人員常常需要對用戶在頁面上的按鍵輸入做出響應。而在JavaScript中,通過按鍵索引我們就可以獲取用戶鍵盤輸入的信息。
JavaScript提供了一個叫做keycode的屬性,可以獲取按下的按鍵的Unicode值。例如,如果用戶在頁面上按下了字母“A”,那么keyCode就會返回65(對應字母“A”在ASCII碼中的數值)。通過keyCode的值,我們就可以在JavaScript中做出響應。
下面是一個簡單的示例,演示如何在用戶輸入某一特定按鍵時彈出一個提示框:
在這個例子中,我們使用了addEventListener來注冊監聽函數。當監聽到keydown事件后,判斷用戶按下的鍵是否是上方向鍵(keyCode為38),如果是的話就彈出提示框。 除了keyCode外,JavaScript還提供了一個叫做which的屬性用于判斷用戶輸入的字符。which屬性返回字符的ASCII碼值(比如,字母“A”在ASCII中的值為65)。以下是一個示例,當用戶在頁面上輸入字母“A”時,彈出一個對話框://監聽document的keydown事件 document.addEventListener("keydown", function(e) { //如果keyCode是38,則彈出提示框 if(e.keyCode === 38) { alert("你按下了上方向鍵"); } });
上面的代碼判斷用戶輸入的字符是否是ASCII碼中的65,如果是,就彈出一個提示框。 除了文字鍵之外,鍵盤還有許多專門用來控制布局和功能的鍵位。比如,shift鍵、ctrl鍵、退格鍵、tab鍵等等。對于這些特殊的鍵位,JavaScript也提供了相應的keyCode值。 下面是一些常用的keyCode值和對應的鍵位名稱:document.addEventListener("keypress", function(e) { var code = e.which; if(code == "65") { alert("你按下了字母A"); } });
可以看出,JavaScript提供了一些常用的鍵位的keyCode值,可以用來監聽用戶輸入的特殊按鍵。當然,如果想監聽其他鍵位,也可以在網上搜索相應的keyCode值。 綜上所述,通過keyCode和which屬性,JavaScript可以監聽用戶在頁面上的按鍵輸入,進而做出一些響應。我們可以根據keyCode值判斷用戶輸入的字符或者特殊按鍵,并做出不同的處理。這些功能在前端開發過程中非常常用,尤其是在需要獲取用戶輸入的場景中。//退格鍵 keyCode = 8 //tab鍵 keyCode = 9 //回車鍵 keyCode = 13 //shift鍵 keyCode = 16 //ctrl鍵 keyCode = 17 //alt鍵 keyCode = 18 //上方向鍵 keyCode = 38 //下方向鍵 keyCode = 40 //左方向鍵 keyCode = 37 //右方向鍵 keyCode = 39