説明

window（画面全体）やテキストエリア、input要素にキーイベントを組み込むことができる。 div要素には組み込めないようである。
キーイベントにはkeydown,keyup,keypressの3種類が存在する。

イベント	説明
keydown	キーを押しこんだ時のイベント
keyup	キーを話した時のイベント
keypress	キー押下イベント。keydownとkeyupを併せ持つ。

イベント発動順はkeydown,keypress,keyupである。

ソースコード

	～略～
	<script src="jquery.js"></script>
	
	<script>
	$(function(){
		// キーを離したときのイベント
		$('#test1').keyup(function(e){
			var str = 'keyup:' + e.keyCode + '<br>';
			$('#res').append(str);
		});
		
		// キーを押しこんだときのイベント
		$('#test1').keydown(function(e){
			var str = 'keydown:' + e.keyCode + '<br>';
			$('#res').append(str);
		});
		
		// キーを押下イベント（keydownとkeyupを組み合わせたイベント）
		$('#test1').keypress(function(e){
			var str = 'keypress:' + e.keyCode + '<br>';
			$('#res').append(str);
		});
		
	});
	</script>
	～略～
	<textarea id="test1"></textarea>
	<div id="res" >
	～略～
	

windowにキー押下イベントを組み込む場合、以下のように記述する。

	$(window).keypress(function(e){
		console.log(e.keyCode);
	});
	

---

サンプル

出力

---