Latest web development tutorials

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事件屬性


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