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

各个浏览器的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 pmp项目管理干系人分析
      • ¥15 请问DenseNet图像输入大小是否是固定的?
      • ¥15 template模板的参数问题
      • ¥15 查找处理学生信息问题,含多个文件,显示问题是无法调用其中一个文件
      • ¥15 simulink生成代码后提示告警
      • ¥16 jieba提取高频词,生成文件是空的
      • ¥15 怎么读取服务器中的文件去配置mongo的连接
      • ¥20 Python如何统计文本中两字及以上的词语个数
      • ¥15 MapReduce自定义对象怎么写
      • ¥15 看下哪里错了,程序应该没错