S_a_k_Uの日記みたいなDB

~サクゥーと呼ばないで~

keyCodeとkeyChar、そしてonkeydownとonkeypressとonkeyup

ここでの調査を兼ねて。
こちらにも同じような方が

<HTML>
<head>
<script type="text/javascript">


function doKeyDown() {
	document.getElementById("keyDownKeyCode").value = getWindowEvent().keyCode;
	document.getElementById("keyDownCharCode").value = getWindowEvent().charCode;
}


function doKeyPress() {
	document.getElementById("keyPressKeyCode").value = getWindowEvent().keyCode;
	document.getElementById("keyPressCharCode").value = getWindowEvent().charCode;
}


function doKeyUp() {
	document.getElementById("keyUpKeyCode").value = getWindowEvent().keyCode;
	document.getElementById("keyUpCharCode").value = getWindowEvent().charCode;
}


/*
  イベントを取得する
*/
function getWindowEvent() {

	if (window.event) {
		return window.event;
	}
	
	var caller = arguments.callee.caller;
	while (caller) {
		var ob = caller.arguments[0];
		if (ob) {
			if ((ob.constructor == KeyboardEvent) || (ob.constructor == MouseEvent)) {
				return ob;
			}
		}
		caller = caller.caller;
	}
	
	return null;
	
}


</script>
</head>
<body>
ここでキー入力 <input type="text" id="keyCode" onkeydown="doKeyDown();" onkeypress="doKeyPress();" onkeyup="doKeyUp();" size="50" /><br />
【keyCode】<br />
<table>
<tr>
<td>
onkeydown
</td>
<td>
<input type="text" readonly id="keyDownKeyCode" size="5" /><br />
</td>
</tr>
<tr>
<td>
onkeypress
</td>
<td>
<input type="text" readonly id="keyPressKeyCode" size="5" /><br />
</td>
</tr>
<tr>
<td>
onkeyup
</td>
<td>
<input type="text" readonly id="keyUpKeyCode" size="5" /><br />
</td>
</tr>
</table>
【charCode】<br />
<table>
<tr>
<td>
onkeydown
</td>
<td>
<input type="text" readonly id="keyDownCharCode" size="5" /><br />
</td>
</tr>
<tr>
<td>
onkeypress
</td>
<td>
<input type="text" readonly id="keyPressCharCode" size="5" /><br />
</td>
</tr>
<tr>
<td>
onkeyup
</td>
<td>
<input type="text" readonly id="keyUpCharCode" size="5" /><br />
</td>
</tr>
</table>
</body>
</HTML>