KeyboardEventcharCodeプロパティ_
例
押されたキーボードキーのUnicode値を取得します。
var x = event.charCode;
以下の「自分で試してみてください」の例をもっと見てください。
定義と使用法
charCodeプロパティは、onkeypressイベントをトリガーしたキーのUnicode文字コードを返します。
Unicode文字コードは文字の番号です(たとえば、数字「97」は文字「a」を表します)。
ヒント:すべてのUnicode文字のリストについては、 完全なUnicodeリファレンスを参照してください。
ヒント: Unicode値を文字に変換する場合は、fromCharCode()メソッドを使用します。
注:このプロパティが onkeydownまたはonkeyup イベントで使用される場合、戻り値は常に「0」です。
注:このプロパティは読み取り専用です。
注: charCodeプロパティは、IE8以前ではサポートされていません。ただし、これらのブラウザバージョンでは、 keyCodeプロパティを使用できます。または、クロスブラウザーソリューションの場合、次のコードを使用できます。
var x = event.charCode || event.keyCode; // Use either charCode or keyCode, depending on browser support
ヒント: keyCodeプロパティを使用して、特殊なキー(「CapsLock」や矢印キーなど)を検出することもできます。ただし、keyCodeプロパティとcharCodeプロパティはどちらも、互換性のためにのみ提供されています。DOMイベント仕様の最新バージョンでは、 代わりにkeyプロパティを使用することを推奨しています(使用可能な場合)。
ヒント:キーイベントが発生したときに「ALT」、「CTRL」、「META」、または「SHIFT」キーが押されたかどうかを確認するには、 altKey、 ctrlKey、metaKey、または shiftKeyプロパティを使用します。
ブラウザのサポート
表の数字は、プロパティを完全にサポートする最初のブラウザバージョンを示しています。
Property | |||||
---|---|---|---|---|---|
charCode | Yes | 9.0 | Yes | Yes | Yes |
構文
event.charCode
技術的な詳細
戻り値: | Unicode文字コードを表す数字 |
---|---|
DOMバージョン: | DOMレベル2イベント |
その他の例
例
押されたキーボードキーのUnicode値を取得するためのクロスブラウザソリューション:
// Use charCode if the browser supports it, otherwise use keyCode (for IE8 and earlier)
var x = event.charCode || event.keyCode;
例
ユーザーが「O」キーを押した場合に、いくつかのテキストを警告します。
function myFunction(event) {
var x = event.charCode || event.keyCode;
if (x == 111 || x == 79) { // o is 111, O is 79
alert("You pressed the 'O' key!");
}
}
例
Unicode値を文字に変換します。
var x = event.charCode || evt.keyCode; // Get the Unicode value
var y = String.fromCharCode(x); // Convert the value into a character
関連ページ
HTML DOMリファレンス:KeyboardEventkeyプロパティ
HTML DOMリファレンス:KeyboardEventkeyCodeプロパティ
HTML DOMリファレンス:KeyboardEventwhichプロパティ