JS中的按键监听事件有三个:keydown()事件、keypress()事件、keyup()事件,监听功能描述如下:
keydown()事件:当键盘有按键按下时回调
keyup()事件:当按键抬起时回调,与keydown()一样返回的是键盘按键的键码
keypress()事件:当按键按下时回调,只对应ASCII的按键,返回的时按下按键的ASCII码
当需要监听某个按键的操作是,先对按键事件进行监听,进入到回调函数后通过判断keyCode进一步判断是否是指定的按键按下,再进行相应的操作。代码如下所示:
/**
* @Description: 监听键盘回车抬起事件
* @Author zhiqiangw
* @Date 2020/2/28 20:38
*/$(document).keyup(function(event){if(event.keyCode===13){//13是回车对应的按键码//执行相应的操作addTextToContent($('#sendMsg').val(),0,getNowTime())}});/**
* @Description: 监听键盘回车按下事件
* @Author zhiqiangw
* @Date 2020/2/28 20:38
*/$(document).keydown(function(event){if(event.keyCode===13){//执行相应的操作addTextToContent($('#sendMsg').val(),0,getNowTime())}});
某些常用按键的对应的keyCode值如下所示:
按键 | 键码 | 按键 | 键码 | 按键 | 键码 |
---|---|---|---|---|---|
Clear | 12 | Page Up | 33 | Insert | 45 |
Enter | 13 | Page Down | 34 | Delete | 46 |
Shift | 16 | End | 35 | Cape Lock | 20 |
BackSpace | 8 | Esc | 27 | Tab | 9 |
其他不常用的可以在使用的过程中通过将event.keyCode
输出进行查看。
详细的keydown()、keypress()、keyup()之间的区别参考:keydown,keypress,keyup三者之间的区别。