KeyboardEvent charCode属性

DOM イベント KeyboardEvent

定義と使用方法

charCode属性は、トリガー onkeypress イベント のUnicode文字コード

Unicode文字コードは、文字の識別番号です（例えば、数字"97"は文字"a"を表します）。

ヒント：すべてのUnicode文字のリストについては、以下を参照してください 完全なUnicodeリファレンス

ヒント：Unicode値を文字に変換する場合は、以下を使用してください fromCharCode()メソッド

注釈：この属性が onkeydown または onkeyup イベントのcharCode属性を使用する場合、常に"0"が返されます。

注釈：この属性は読み取り専用です。

注釈：IE8およびそれ以前のバージョンではcharCode属性がサポートされていません。ただし、これらのブラウザバージョンでは、以下を使用できます keyCode属性または、クロスブラウザのソリューションに対して、以下のコードを使用できます：

var x = event.charCode || event.keyCode; // charCodeまたはkeyCodeのどちらを使用するかは、ブラウザのサポートに依存します

ヒント：特殊なキー（例えば、大文字ロックまたは方向キー）を検出するために、keyCode属性を使用することもできます。ただし、keyCodeとcharCode属性を同時に提供するのは、互換性のためにです。最新バージョンのDOMイベント規格では、key属性（利用可能の場合）を使用することを推奨しています。

ヒント：キーボードイベントが発生したときに"ALT"、"CTRL"、"META"、または"SHIFT"キーが押されているかどうかを知りたい場合は、以下を使用してください： altKey、ctrlKey、metaKey または shiftKey 属性。

インスタンス

例 1

押されたキーボードキーの Unicode 値を取得：

var x = event.charCode;

実際に試してみてください

例 2

キーボードキーを押した Unicode 値を取得するクロスブラウザのソリューション：

// ブラウザがサポートしている場合、charCodeを使用します。そうでない場合はkeyCodeを使用します（IE8および以前のバージョンに適用）
var x = event.charCode || event.keyCode;

実際に試してみてください

例 3

ユーザーが"O"キーを押した場合にテキストを表示する：

function myFunction(event) {
  var x = event.charCode || event.keyCode;
  if (x == 111 || x == 79) { // o は 111、O は 79
    alert("'O'キーを押しました!");
  }
}

実際に試してみてください

例 4

Unicode 値を文字に変換：

var x = event.charCode || evt.keyCode;   // Unicode 値を取得
var y = String.fromCharCode(x);          // 値を文字に変換

実際に試してみてください

構文

event.charCode

技術的詳細

返り値： Unicode 字符コードを表す数値です。
DOM バージョン： DOM レベル 2 イベント

ブラウザのサポート

テーブルの数字は、その属性を完全にサポートする最初のブラウザバージョンを示しています。

属性 Chrome IE Firefox Safari Opera
charCode サポート 9.0 サポート サポート サポート

関連ページ

HTML DOM リファレンスマニュアル：KeyboardEvent key 属性

HTML DOM リファレンスマニュアル：KeyboardEvent keyCode 属性

HTML DOM リファレンスマニュアル：KeyboardEvent which 属性

DOM イベント KeyboardEvent