没有感觉到keydown和keypress的区别

来源:4-2 jQuery键盘事件之keypress()事件

慕的地9955031

2017-08-12 18:25

完全没有感受到keydown和keypress的区别,看课程我还以为keypress能实时的监听按键呢,搞了半天也是获取之前输入的值。哪位大手子能给说下怎样实现实时监听?

写回答 关注

2回答

  • 丨染丶
    2017-08-14 07:02:21
    已采纳

    很简单,你给input 设置一个值 

    例如    


    <input class="target1" type="text" value="测试" />    

    输入中文测试,无法显示:<em></em>


    你使用keydown方法  选中输入框后 不输入 直接按F2 你会发现  <em></em>里面出现值   测试  两个字

     $('.target1').keydown(function(e) {

            $("em").text(e.target.value)

        });

    同理 你换成keypress 方法  选中输入框后 不输入 直接按F2 你会发现  <em></em>里面没有值 因为不触发事件

     $('.target1').keypress(function(e) {

            $("em").text(e.target.value)

        });


    慕的地995...

    非常感谢!

    2017-08-22 11:27:43

    共 1 条回复 >

  • 慕码人6013809
    2018-01-04 19:11:13

    keypress和keydown的区别就是,keypress只在按下字符键(也就是字母键和数字键)后才触发,keydown是按下任意键(键盘上所有键都可以)触发。

    最佳回答并没有实现实时监听啊。

jQuery基础(三)—事件篇

jQuery第三阶段开启事件修炼,掌握对页面进行交互的操作

89997 学习 · 625 问题

查看课程

相似问题