程宇寒 2018-11-08 10:38 采纳率: 100%
浏览 917

各个浏览器的onkeyup、onkeydown和onkeypress效果不同!我没有IE浏览器的环境,知道IE的效果的请赐教!

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" onkeyup="testKeyUp()"><br><br>
        测试onkeydown:<input type="text" id="test2" onkeydown="testKeyDown()"><br><br>
        测试onkeypress:<input type="text" id="test3" onkeypress="testKeyPress()"><br><br>
        测试onkeyup、onkeydown和onkeypress:
        <input type="text" id="test4" onkeyup="testKeyUp()" onkeypress="testKeyPress()" onkeydown="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>
  • 写回答

0条回答

    报告相同问题?

    悬赏问题

    • ¥15 请教一下各位,为什么我这个没有实现模拟点击
    • ¥15 执行 virtuoso 命令后,界面没有,cadence 启动不起来
    • ¥50 comfyui下连接animatediff节点生成视频质量非常差的原因
    • ¥20 有关区间dp的问题求解
    • ¥15 多电路系统共用电源的串扰问题
    • ¥15 slam rangenet++配置
    • ¥15 有没有研究水声通信方面的帮我改俩matlab代码
    • ¥15 ubuntu子系统密码忘记
    • ¥15 保护模式-系统加载-段寄存器
    • ¥15 电脑桌面设定一个区域禁止鼠标操作