在JS里面有很多很多的事件,我们以后将会接触到它们,而它们在我们的JS代码里面是必不可少的,而现在我要讲的就是DOM事件里面的键盘事件。

相信很多小伙伴都知道,平时有一些选项不用按确定按钮,直接一个回车就可以搞定了,平时登录也一样,直接一个回车就可以,而现在我们接下来要了解的就是一些关于键盘的事件

DOM事件里面的键盘事件

KeyDown触发后,不一定触发KeyUp,平时有没有试过按下某个键把鼠标移开那个地方,本该触发的事件没有触发呢,当KeyDown 按下后,还没有松开,移开鼠标就不会触发KeyUp

KeyPress主要用来捕获数字(注意:包括Shift+数字的符号)、字母(注意:包括
大小写)、小键盘等除了F1­12、SHIFT、Alt、Ctrl、Insert、Home、PgUp、 Delete、End、PgDn、ScrollLock、Pause、NumLock、{菜单键}、{开始键}和方 向键外的ANSI字符

KeyPress 只能捕获单个字符,

KeyDown 和KeyUp 可以捕获组合键。

KeyPress 可以捕获单个字符的大小写

KeyPress 不区分小键盘和主键盘的数字字符。

KeyDown 和KeyUp 区分小键盘和主键盘的数字字符。

其中PrScrn 按键KeyPress、KeyDown和KeyUp 都不能捕获。

下面我们可以用一些代码来了解一下

DOM事件里面的键盘事件
DOM事件里面的键盘事件

当你按一下回车键并松开,控制台就输出了这三个事件,当你完成这个动作之后可以把它们全部触发,平时看你需要什么就用什么事件就好了

相关文章:

  • 2021-12-09
  • 2021-11-27
  • 2022-12-23
  • 2021-12-09
  • 2021-12-24
  • 2021-12-26
猜你喜欢
  • 2022-12-23
  • 2021-10-13
  • 2021-08-06
  • 2021-10-11
  • 2022-02-26
  • 2021-12-15
相关资源
相似解决方案