关于keydown、keypress、keyup的一点区别

$("input").on('keyup',function(e){
    console.log("up")
    console.log(this.value)
}).on('keydown',function(){
    console.log("down")
    console.log(this.value)
}).on('keypress',function(){
    console.log("press")
    console.log(this.value)
});
输入后数字1后的输出结果
down
(空字符串)
press
(空字符串)
up
1
事件 第一次输入数字1 第二次输入数字2
keydown down (空字符串) down 1
keypress press (空字符串) press 1
keyup up 1 up 12

由以上结果可见这三个事件的执行顺序分别是keydown》keypress》keyup
并且前两个事件不能获取到当前的输入的值 只有 keyup事件可以获取当前的输入keydown 、keypress只能获取到上一次的输入值
PS:在中文情况下
部分的按钮事件不能触发 keypress 与 keydown事件比如等于号按键 shift 键等。

2016.12.21

最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 总结: 鼠标事件 1.click与dbclick事件$ele.click()$ele.click(handler(...
    阿r阿r阅读 1,770评论 2赞 10
  • 1、窗体 1、常用属性 (1)Name属性:用来获取或设置窗体的名称,在应用程序中可通过Name属性来引用窗体。 ...
    Moment__格调阅读 4,871评论 0赞 11
  • (续jQuery基础(1)) 第5章 DOM节点的复制与替换 (1)DOM拷贝clone() 克隆节点是DOM的常...
    凛0_0阅读 1,567评论 0赞 8
  • 一、键盘事件基础 1、定义 keydown:按下键盘键 keypress:紧接着keydown事件触发(只有按下字...
    07120665a058阅读 51,412评论 5赞 33
  • 语文:预习40分钟,复习30分钟,作文50分钟,阅读30分钟,共:2个半小时。 数学:20分钟。 英语40分钟。 ...
    里娃阅读 151评论 0赞 1

友情链接更多精彩内容