DOM事件里面的键盘事件

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

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

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

KeyPress主要用来捕获数字(注意：包括Shift+数字的符号)、字母（注意：包括
大小写）、小键盘等除了F112、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事件里面的键盘事件相关推荐

swt 键盘事件ctrl+c_VB键盘事件详解
"本节课程一起学习VB中的键盘事件."键盘事件的作用:获得键盘输入信息,只有获得焦点的对象才能接受键盘事件.键盘事件有三种:KeyPress.KeyDown.KeyUpKeyPre ...
java 获取键盘事件,java获取键盘事件
本人认为,实现它其实最简单的莫属一个类,Java 本身就提供的,这个类就是 Scanner.先举个例子如下: import java.util.Scanner; /** * 测试从键盘读取用户的.. ...
php接收键盘事件,js获取键盘事件的方法实例
本文主要和大家分享js获取键盘事件的方法实例,希望能帮助到大家. document.οnkeydοwn=function(event){ var e = event || window.event | ...
Vue中监听键盘事件及自定义键盘事件
在一些搜索框中,我们往往需要监听键盘的按下(onkeydown)或抬起(onkeyup)事件以进行一些操作.在原生js或者jQuery中,我们需要判断e.keyCode的值来获取用户所按的键.这样就存 ...
java按键事件空格_java键盘事件空格键
public void keyPressed(KeyEvent e) {//键盘按键按下事件 // TODO Auto-generated method stub switch(e.getKeyCod ...
vue 指令 v-on 事件修饰符-键盘事件-键盘事件梳理
<body><div id="app">用户名:<input type="text" v-on:keyup.delete='cle ...
JS键盘事件(非常详细)
在JavaScript中,当用户操作键盘时,会触发键盘事件,键盘事件主要包括下面3中类型: keydown: 在键盘上按下某个键时触发.如果按住某个键,会不断触发该事件,但是Opera浏览器不支持这种 ...
HTML5 Canvas鼠标与键盘事件
演示HTML5 Canvas鼠标事件,获取Canvas对象上的鼠标坐标,演示键盘事件通过键盘控制Canvas上对象移动. Canvas对象支持所有的JavaScript的鼠标事件,包括鼠标点击(Mo ...
简单的鼠标和键盘事件+阻止默认阻止冒泡+dom0，dom2
什么是事件在我们学习DOM之后,事件就是我们必不可少的一块知识点了,事件其实就是我们的一些操作需要在用户来完成之后才执行的.比如我们PC端的点击事件,键盘事件,以及我们移动端的的触屏事件.接下来咱们 ...

DOM事件里面的键盘事件

DOM事件里面的键盘事件相关推荐

最新文章

热门文章