开发工具与关键技术:Visual Studio
作者:成其龙
撰写时间:2019年04月16日
如何添加键盘事件
在body上添加键盘事件,具体代码如下:

键盘事件方法:
先给whichButton一个参数,这个参数可以获取所按的键的所有属性
再进行判断,判断所按的键的键码值(keyCode)是否为13(回车键的键码值是13),
最后通过ID获取你所需要的触发键盘事件的标签,再给这个标签点击事件
具体代码如下:

这样的话,在你按下回车键后,就会触发标签的点击事件
如果你不知道按键的键码值,可以输出到控制台看一下
console.log(event.keyCode);

还有一种方式
就是声明一个全局变量,具体代码如下:
window.onkeydown = onreturn;
方法和上面的类似,具体代码如下:

键盘事件有三个属性:
Onkeydown: 某个键盘按键被按下。
Onkeypress:某个键盘按键被按下并松开。
Onkeyup: 某个键盘按键被按下并松开。
1. KeyDown触发后,不一定触发KeyUp,当KeyDown 按下后,拖动鼠标,那么将 不会触发KeyUp事件。
2. KeyDown 和KeyUp 通常可以捕获键盘除了PrScrn所有按键
3. KeyPress 只能捕获单个字符
4. KeyDown 和KeyUp 可以捕获组合键。
5. KeyPress 可以捕获单个字符的大小写
6. KeyDown和KeyUp 对于单个字符捕获的KeyValue 都是一个值,也就是不能判断 单个字符的大小写。
7. KeyPress 不区分小键盘和主键盘的数字字符。
8. KeyDown 和KeyUp 区分小键盘和主键盘的数字字符。
其中PrScrn 按键KeyPress、KeyDown和KeyUp 都不能捕获。
作者:成其龙
撰写时间:2019年04月16日
如何添加键盘事件
在body上添加键盘事件,具体代码如下:

键盘事件方法:
先给whichButton一个参数,这个参数可以获取所按的键的所有属性
再进行判断,判断所按的键的键码值(keyCode)是否为13(回车键的键码值是13),
最后通过ID获取你所需要的触发键盘事件的标签,再给这个标签点击事件
具体代码如下:

这样的话,在你按下回车键后,就会触发标签的点击事件
如果你不知道按键的键码值,可以输出到控制台看一下
console.log(event.keyCode);

还有一种方式
就是声明一个全局变量,具体代码如下:
window.onkeydown = onreturn;
方法和上面的类似,具体代码如下:

键盘事件有三个属性:
Onkeydown: 某个键盘按键被按下。
Onkeypress:某个键盘按键被按下并松开。
Onkeyup: 某个键盘按键被按下并松开。
1. KeyDown触发后,不一定触发KeyUp,当KeyDown 按下后,拖动鼠标,那么将 不会触发KeyUp事件。
2. KeyDown 和KeyUp 通常可以捕获键盘除了PrScrn所有按键
3. KeyPress 只能捕获单个字符
4. KeyDown 和KeyUp 可以捕获组合键。
5. KeyPress 可以捕获单个字符的大小写
6. KeyDown和KeyUp 对于单个字符捕获的KeyValue 都是一个值,也就是不能判断 单个字符的大小写。
7. KeyPress 不区分小键盘和主键盘的数字字符。
8. KeyDown 和KeyUp 区分小键盘和主键盘的数字字符。
其中PrScrn 按键KeyPress、KeyDown和KeyUp 都不能捕获。