[javascript] e.keyCode

入力した文字をのキーコードを取得して、String.fromCharCode()で、文字にしていますが、アルファベットだけの出力になってしまうので、これを、ひらがなや、多言語として出力するにはどうすればよいでしょうか?

例えば下記のコードでは、console.log()で確認してみると、「F」を押すと、70が出力されます。また、同じキーで日本語入力では「は」を押しても、70が出力されます。また、韓国語のハングルでは、「ㄹ」でも70が出力されます。

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="utf-8">
  <title>Test</title>
</head>
<body>

<script>
(function() {

function KeyDownFunc(e){
	var key_code = String.fromCharCode(e.keyCode);

	console.log("code:" + e.keyCode);
	console.log("chr:" + key_code);

}

if(document.addEventListener){
 document.addEventListener("keydown" , KeyDownFunc);
}

})();
</script>
</body>
</html>

行動規範の内容に同意します

回答3件

keydown/keypressなどのイベントは「文字の入力」が目的ではなく、「ハードウェアとしてのキーボードの操作を直接検出すること」が目的だと思います。keydownイベントでのkeyCodeは文字コードではなく「キーボード上の特定のキーを表すコード」なので同じキーを操作してもF、f、は、ハなどの区別はしてくれないわけです。

MDN: KeyboardEventには次のような補足があります。文字入力の検出が目的ならinputイベントを使うとよいと思います。

補足: KeyboardEvent とは、単にキーへの動作を表したオブジェクトにすぎません。テキストの入力を処理したい場合は、HTML5 の input イベントを代わりに使用してください。例えば、タブレット PC といった手書きのシステムでユーザがテキスト入力を行う場合、キーに関係するイベントが発火することはありません。

inputイベントではなくkeyboardイベントでASCII以外の文字の検出をしたい場合、keyCodeのシーケンスを解釈するコードを書かなければならないと思います。例えば「カナ」を押して「カナモード」と「ASCIIモード」を切り替え、カナモードの際にはkeyCodeをカナ文字へ、ASCIIモードの際にはASCII文字へ・・・といった単純な機能なら自前での実装も可能だと思います。しかしIMEと同様の複雑なキーシーケンスをテキストとして解釈するような機能を実現するのはあまり現実的とは言えなさそうです。

投稿2017/07/13 01:22