charCode 事件屬性

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

實例

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

var x = event.charCode;

x 輸出結果為:

119   // 119 是字母 "w"

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


定義和使用

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

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

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

提示: 如果你需要將 Unicode 值轉換為字元,可以使用 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 屬性。


流覽器支持

表格中的數字表示支持該屬性的第一個流覽器的版本號。

屬性
charCode Yes 9.0 Yes Yes Yes


語法

event.charCode

技術細節

返回值: 數字,表示 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 值轉換為字元:

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



相關頁面

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

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

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


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