JavaScript的键盘事件主要分为keypress、keydown和keyup三种状态。
首先实现键盘事件最主要的两点就是:1.我们要给页面的哪个元素绑定键盘事件;2.我们要给该元素绑定键盘上的哪个键。
要给哪个元素绑定我们就先获取到这个页面元素即可(可通过任一选择器方式获取到它);
要绑定哪个键我们就需要先知道该键的ASCII码值是多少,这里不知道时可以百度搜索也可以直接用代码获取到该键的ASCII码值,获取一个键的ASCII码值可以用event.which也可以用event.keyCode。
获取键盘某个键的ASCII码值直通车 --> 菜鸟教程在线示例
下面简单演示一下给某个元素添加键盘事件的步骤:
// 为input输入框绑定回车弹起事件
$('#ipt').on('keyup', e => { // e是键盘事件的内置对象
console.log(e.keyCode); // 回车键的ASCII码值是:13
if(e.keyCode === 13) { // 这里判断用户是否按下回车
// 这里来处理用户按下回车后需要做的事
}
})
上面这个示例是给input输入框绑定的一个键盘回车键弹起keyup事件,给这个元素绑定回车按键的弹起事件是非常常见的,几乎所有聊天窗口中用于输入内容信息的input框都会有此事件。
这里主要简单记录一下实现的思路方法日后需要的时候方便查看。若有不足,后待修正。
好好学习、天天向上! :)