onkeyup、onkeydown和onkeypress的区别

onkeyup、onkeydown和onkeypress的区别

在火狐浏览器测试得出结论：

                onkeyup是在键盘按下去并松开后执行

onkeydown在键盘下去就会执行，不管是数字键还是字母键还是任何的功能键(所有键)
onkeypress在键盘下去就会执行，不管是数字键还是字母键还是任何的功能键(所有键)
onkeydown和onkeypress效果是一样的

在谷歌浏览器测试得出结论：
onkeyup是在键盘按下去并松开后执行
onkeydown在键盘下去就会执行，不管是数字键还是字母键还是任何的功能键(所有键)
onkeypress在键盘下去就会执行，但是按下功能键(F1到F12还有下箭头键下箭头键等这些功能键)不会执行
onkeydown和onkeypress效果是不一样的

直接上代码

<h1>测试下onkeyup、onkeydown和onkeypress的区别</h1>
		测试onkeyup：<input type="text" id="test1" οnkeyup="testKeyUp()"><br><br>
		测试onkeydown：<input type="text" id="test2" οnkeydοwn="testKeyDown()"><br><br>
		测试onkeypress：<input type="text" id="test3" οnkeypress="testKeyPress()"><br><br>
		测试onkeyup、onkeydown和onkeypress：
		<input type="text" id="test4" οnkeyup="testKeyUp()" οnkeypress="testKeyPress()" οnkeydοwn="testKeyDown()"><br><br>
		<h3>
		在火狐浏览器测试得出结论：
		onkeyup是在键盘按下去并松开后执行
		onkeydown在键盘下去就会执行，不管是数字键还是字母键还是任何的功能键(所有键)
		onkeypress在键盘下去就会执行，不管是数字键还是字母键还是任何的功能键(所有键)
		onkeydown和onkeypress效果是一样的
		</h3>
		<h3>
		在谷歌浏览器测试得出结论：
		onkeyup是在键盘按下去并松开后执行
		onkeydown在键盘下去就会执行，不管是数字键还是字母键还是任何的功能键(所有键)
		onkeypress在键盘下去就会执行，但是按下功能键(F1到F12还有下箭头键下箭头键等这些功能键)不会执行
		onkeydown和onkeypress效果是不一样的
		</h3>

<script type="text/javascript">
function testKeyUp(){
	alert("我是onkeyup");
}

function testKeyDown(){
	alert("我是onkeydown");
}

function testKeyPress(){
	alert("我是onkeypress");
}

</script>