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>