键盘事件

#6.24


DEF

 1.键盘事件
    描述:键盘事件是指当用户在操作键盘的时候会自动被触发的事件
    注意:
        (1)默认采用事件冒泡机制
        (2)键盘事件一般绑定在需要用户输入的元素上(例如input)
                键盘事件直接绑定在body之上也是允许的
    类型:
     (1) keydown:用户按下任意键都可以触发这个事件。如果按住不放,事件会被连续触发
     (2) keyup: 用户释放按键时触发
     (3) keypress:用户按下(可显示的)任意键都可以触发这个事件(功能键除外)。
        如果按住不放,事件会被连续触发  (keypress能识别大小写)

 2.event.keycode
      描述:在键盘事件中可以通过event.keycode来获取按下按键的编码值。
  


 keydown和keypress事件的区别

(1)keyPress主要用来捕获:数字(包括Shift+数字的符号)、字母(包括大小写)、小键盘等能够显示在屏幕中的字符。但是不能对系统功能键(例如:后退、删除等,其中对中文输入法不能有效响应)进行正常的响应。而KeyDown和KeyUp通常可以捕获键盘除了PrScrn所有按键(这里不讨论特殊键盘的特殊键)

(2)捕获字符长度区别
KeyPress只能捕获单个字符。KeyDown和KeyUp可以捕获组合键。

(3)捕获字符大小写识别区别
KeyPress可以捕获单个字符的大小写。KeyDown和KeyUp对于单个字符捕获的KeyCode都是一个值,也就是不能判断单个字符的大小写。

(4)捕获字符数字区别
KeyPress不区分小键盘和主键盘的数字字符。
KeyDown和KeyUp区分小键盘和主键盘的数字字符。

(5)特殊情况
PrinttScreen按键KeyPress、KeyDown和KeyUp都不能捕获。
上下左右等功能键的keydown、keyup都能获取keyCode,并且值相等。


常见键盘按键编码

044-Web前端-JS-键盘事件

应用场景:

小说上下键翻页,输入密码提示大写锁定已打开。

#大写锁定案例应该在插入焦点事件,聚焦时就提示大写锁定更好一点

相关文章:

  • 2021-11-27
  • 2022-12-23
  • 2021-08-30
  • 2021-11-22
猜你喜欢
  • 2022-12-23
  • 2021-12-05
  • 2022-02-21
  • 2021-08-16
相关资源
相似解决方案