charCode 事件屬性

事件對象參考手冊 事件對象

實例

獲取按下的鍵盤按鍵Unicode值::

var x = event.charCode;

x 輸出結(jié)果為:

119   // 119 是字母 "w"

嘗試一下 ?

本文底部包含了更多實例。


定義和使用

charCode 屬性返回onkeypress事件觸發(fā)鍵值的字母代碼。

Unicode 字符代碼是一個字母的數(shù)字 (如數(shù)字 "97" 代表字母 "a")。

提示: 所有 Unicode 字符列表可查看我們的 完整 Unicode 參考手冊。

提示: 如果你需要將 Unicode 值轉(zhuǎn)換為字符,可以使用 fromCharCode() 方法。

注意: 如果該屬性用于onkeydownonkeyup 事件,返回值總為 "0"。

注意: 該屬性是只讀的。

注意: which 和 keyCode 屬性提供了解決瀏覽器的兼容性的方法,最新版本的 DOM 事件推薦使用 key 屬性來替代該方法。

注意:IE8 及其更早版本不支持 which 屬性。不支持的瀏覽器可使用 keyCode 屬性。但是, keyCode 屬性在 Firefox 瀏覽器的 onkeypress 事件中是無效的。 兼容這些瀏覽器你可以使用以下代碼:

var x = event.charCode || event.keyCode; // 使用 charCodekeyCode, 這樣可支持不同瀏覽器

提示: 你同樣可以使用 keyCode 屬性來檢測特殊的按鍵 (如 "caps lock" 或 箭頭按鍵)。 keyCode 和 charCode 屬性提供了解決瀏覽器的兼容性的方法,最新版本的 DOM 事件推薦使用 key 屬性來替代該方法。

提示: 如果你想查看是否按下了 "ALT", "CTRL", "META" 或 "SHIFT" 鍵,可使用 altKey, ctrlKey, metaKeyshiftKey 屬性。


瀏覽器支持

表格中的數(shù)字表示支持該屬性的第一個瀏覽器的版本號。

屬性          
charCode Yes 9.0 Yes Yes Yes


語法

event.charCode

技術(shù)細節(jié)

返回值:數(shù)字,表示 Unicode 字符代碼
DOM 版本:DOM Level 2 Events


Examples

更多實例

實例

獲取按鍵 Unicode 值的瀏覽器兼容解決辦法:

// 如果瀏覽器不支持 charCode, 則使用 keyCode ( IE8 及更早版本)
var x = event.charCode || event.keyCode;

嘗試一下 ?

實例

當用戶按下 "O" 鍵時,彈出提示信息:

function myFunction(event) {
    var x = event.charCode || event.keyCode;
    if (x == 111 || x == 79) { // o 是 111, O 是 79
        alert("你按下了 'O' 鍵!");
    }
}

嘗試一下 ?

實例

將 Unicode 值轉(zhuǎn)換為字符:

var x = event.charCode || evt.keyCode;   // 獲取 Unicode 值
var y = String.fromCharCode(x);          // 將值轉(zhuǎn)換為字符

嘗試一下 ?


相關(guān)頁面

HTML DOM 參考手冊: key 事件屬性

HTML DOM 參考手冊: keyCode 事件屬性

HTML DOM 參考手冊: which 事件屬性


事件對象參考手冊 事件對象