javascript(jQuery)で文字が出力されないキーイベントかどうか判定する

Question

###質問
例えば、textareaなどにaやbなどといったキーを押すと文字が出力されますよね。それと別にshiftやaltや十字キーをおしてもtextareaの中身は変わりません。
この2つのタイプを判定する方法はありますか？
※Enterキーやスペースキーはtextareaの中身が変化するので前者のタイプだとします。

Answer 1

網羅的に全て取りたいというケースでなければkeydownイベントで十分です。
W3CでKeyboardイベントが取得出来るように定義されています

私も似たような要件があって、気になったのでこんなのを作って確認したことがあります。
良かったら色んなキーをガチャガチャ打ち込んでみてください。
http://rss.romancing.jp/tool/keycode.html

Answer 2

これで判定できます

キーコード一覧（稀にブラウザ間で仕様が異なる場合がある）
http://faq.creasus.net/04/0131/CharCode.html

ご参考までに。

<textarea id="sample"></textarea>

document.getElementById("sample").onkeydown = function (e) {
	if (e.shiftKey) {
		//shiftキーを押されたら
	} else if (e.ctrlKey) {
		//controlキーを押されたら
	} else if (e.altKey) {
		//altキーを押されたら
	} else {
		switch (e.keyCode) {
			case 37:
				//←キーを押されたら
				break;
			case 38:
				//↑キーを押されたら
				break;
			case 39:
				//→キーを押されたら
				break;
			case 40:
				//↓キーを押されたら
				break;
			//...etc
		}
	}
}

Answer 3

textarea要素はフォーカスされている限りは入力可能状態です。
[Alt] キーを押すとフォーカスが外れるので入力不可能となります。
[Shift] キーはフォーカスを外さないので入力可能状態が継続されます。

textarea要素に focus, blur イベントを定義すればこれらを判定可能です。
input, keydown, keyup イベントをtextarea要素に定義した場合、textarea要素にフォーカスがない場合にはキー入力を検知しません。
ですので、普通は input イベントを定義するだけで問題がありません。

Re: teratailpeta さん