[JavaScript知识库]jQuery-键盘事件

JavaScript的键盘事件主要分为keypress、keydown和keyup三种状态。

1. keydown?- 键按下的过程
2. keypress - 键被按下
3. 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框都会有此事件。

这里主要简单记录一下实现的思路方法日后需要的时候方便查看。若有不足，后待修正。

好好学习、天天向上！? ? ? ? ：）