JS按键事件的监听

2022-06-24 14:16:22

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值如下所示:

按键键码按键键码按键键码
Clear12Page Up33Insert45
Enter13Page Down34Delete46
Shift16End35Cape Lock20
BackSpace8Esc27Tab9

其他不常用的可以在使用的过程中通过将event.keyCode输出进行查看。
详细的keydown()、keypress()、keyup()之间的区别参考:keydown,keypress,keyup三者之间的区别

  • 作者:qq_39602928
  • 原文链接:https://blog.csdn.net/qq_39602928/article/details/104564040
    更新时间:2022-06-24 14:16:22