鍵盤控制事件應用教程大全

2024-09-06 12:44:26

字體：大中小

來源：轉載

供稿：網友

獲取鍵盤控制事件是實現交互性最有力的方法之一。

　　首先需要了解的是如何初始化該事件，基本語句如下：

　　 document.onkeydown = keyDown

　　當瀏覽器讀到這個語句時，無論按下鍵盤上的哪個鍵，都將呼叫KeyDown()函數。

　　捕獲鍵盤事件對于不同的瀏覽器來說有點困難，我們分別的來學習不同瀏覽器的實現語句。

　　 Netscape

　　 Netscape的程序實現要比IE麻煩，你必須放一個特別的語句，來使Netscape始終去檢查擊鍵事件，如果沒有這行語句，擊鍵事件將與按下鼠標事件搞混。特別語句如下：

　　 document.onkeydown = keyDown
if (ns4) document.captureEvents(Event.KEYDOWN)

　　 keyDown()函數有一個隱藏的變量--一般的，我們使用字母“e”來表示這個函數。

　　 function keyDown(e)

　　變量e表示發生擊鍵事件，尋找是哪個鍵被按下，使用以下屬性：

　　 e.which

　　這將給出該鍵的索引值，把索引值轉化成該鍵的字母或數字值，寫：

　　 String.fromCharCode(e.which)

　　把上面的語句放在一起，我們可以知道被按下的是哪一個鍵：

　　 function keyDown(e) {
　　var keycode = e.which
　　var realkey = String.fromCharCode(e.which)
　　alert("keycode: " + keycode + " realkey: " + realkey)
}

　　 document.onkeydown = keyDown
document.captureEvents(Event.KEYDOWN)

　　 Internet Explorer

　　 IE的程序與Netscape類似，但它不需要e變量，用window.event.keyCode來代替e.which，把鍵的索引值轉化為真實鍵值方法類似：String.fromCharCode(event.keyCode)，程序如下：

　　 function keyDown() {
　　 var keycode = event.keyCode
　　 var realkey = String.fromCharCode(event.keyCode)
　　 alert("keycode: " + keycode + " realkey: " + realkey)
}
document.onkeydown = keyDown
document.onkeydown = keyDown

　　適用于兩者的程序

　　用兩種瀏覽器檢查上述實例，你會發現執行結果不總是一樣的，這是因為兩種瀏覽器的鍵盤代碼設置不相同，因此你必須使用單獨的代碼分別來寫這段程序，而毫無別法。

　　建議你要完全忘掉實際的鍵值，僅僅使用鍵盤的代碼值來工作。下面這段程序將視情況而設置，如果是用IE的話，ieKey生效，把nKey設為0，如果是用Netscape的話，nKey生效，把nKey設為0，然后用一個警示框來顯示兩者的值：

上一篇：js獲取單選按鈕的數據

下一篇：xmlHTTP返回值重編碼的優化