charCode 事件屬性

事件對(duì)象參考手冊(cè) 事件對(duì)象

實(shí)例

獲取按下的鍵盤(pán)按鍵Unicode值：:

var x = event.charCode;

x 輸出結(jié)果為：

119   // 119 是字母 "w"

嘗試一下 ?

本文底部包含了更多實(shí)例。

定義和使用

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

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

提示： 所有 Unicode 字符列表可查看我們的 完整 Unicode 參考手冊(cè)。

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

注意： 如果該屬性用于onkeydown 或 onkeyup 事件，返回值總為 "0"。

注意： 該屬性是只讀的。

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

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

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

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

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

瀏覽器支持

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

屬性          
charCode Yes 9.0 Yes Yes Yes

語(yǔ)法

event.charCode

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

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

Examples

更多實(shí)例

實(shí)例

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

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

嘗試一下 ?

實(shí)例

當(dāng)用戶(hù)按下 "O" 鍵時(shí)，彈出提示信息:

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

嘗試一下 ?

實(shí)例

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

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

嘗試一下 ?

相關(guān)頁(yè)面

HTML DOM 參考手冊(cè): key 事件屬性

HTML DOM 參考手冊(cè): keyCode 事件屬性

HTML DOM 參考手冊(cè): which 事件屬性

事件對(duì)象參考手冊(cè) 事件對(duì)象