which 事件屬性
本文底部包含了更多實例。
定義和使用
which屬性返回onkeypress事件觸發的鍵的值的字符代碼,或者onkeydown或onkeyup事件的鍵的代碼。
兩種代碼類型的區別是:
- 字符代碼- 表示ASCII 字符的數字
- 鍵盤代碼- 表示鍵盤上真實鍵的數字
兩種類型的值不是都相等的,例如小寫字符"w" 和大寫字符"W" 有相同的鍵盤代碼,因為他們他們鍵盤上( "W" 代碼為"87"),但是它們有不同的字符代碼,兩個字符輸出是不一樣的( "w" 和"W" 字符代碼為"119" 和"87") - 查看以下實例可以更好的理解。
提示:如果需要知道用戶按下的是打印鍵(如"a"或"5"),建議使用onkeypress事件。 如果需要知道用戶按下的是功能鍵(如"F1", "CAPS LOCK" 或"Home") 可使用onkeydown 或onkeyup 事件。
注意: IE8及其更早版本不支持which屬性。 不支持的瀏覽器可使用keyCode屬性。 但是, keyCode 屬性在Firefox 瀏覽器的onkeypress 事件中是無效的。 兼容這些瀏覽器你可以使用以下代碼:
提示:所有Unicode字符列表可查看我們的完整Unicode參考手冊 。
提示:如果你需要將Unicode值轉換為字符,可以使用fromCharCode()方法。
注意:該屬性是只讀的。
注意: which和keyCode屬性提供了解決瀏覽器的兼容性的方法,最新版本的DOM事件推薦使用key屬性來替代該方法。
提示:如果你想查看是否按下了"ALT", "CTRL", "META"或"SHIFT"鍵,可使用altKey , ctrlKey , metaKey或shiftKey屬性。
瀏覽器支持
表格中的數字表示支持該屬性的第一個瀏覽器的版本號。
屬性 | |||||
---|---|---|---|---|---|
which | Yes | 9.0 | Yes | Yes | Yes |
語法
技術細節
返回值: | 數字,表示Unicode 字符代碼或Unicode 鍵代碼 |
---|---|
DOM 版本: | DOM Level 2 Events |
更多實例
實例
使用onkeypress 和onkeydown 來演示字符代碼與鍵盤代碼的區別:
function uniCharCode(event) {
var char = event.which || event.keyCode; // event.keyCode用於IE8及更早版本
document.getElementById( "demo" ).innerHTML = "Unicode CHARACTER code: " + char;
}
function uniKeyCode(event) {
var key = event.which || event.keyCode; // event.keyCode用於IE8及更早版本
document.getElementById( "demo2" ).innerHTML = "Unicode KEY code: " + key;
}
當在鍵盤上按下"a" 鍵(不使用大寫鎖定), 輸出結果如下:
Unicode 鍵盤代碼: 65
嘗試一下»
實例
如果按下Esc 鍵彈出提示信息:
function myFunction(event) {
var x = event.which || event.keyCode; // event.keyCode用於IE8及更早版本
if (x == 27 ) { // 27是ESC鍵
alert ( "You pressed the Escape key!" );
}
}
嘗試一下»
實例
將Unicode 值轉換為字符(不能用於功能鍵):
var y = String.fromCharCode(x); //將值轉換為字符
嘗試一下»
相關頁面
HTML DOM參考手冊: key事件屬性
HTML DOM參考手冊: keyCode事件屬性
HTML DOM參考手冊: charCode事件屬性