jQuery-键盘事件

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

keydown - 键按下的过程
keypress - 键被按下
keyup - 键被松开

首先实现键盘事件最主要的两点就是：1.我们要给页面的哪个元素绑定键盘事件；2.我们要给该元素绑定键盘上的哪个键。

要给哪个元素绑定我们就先获取到这个页面元素即可（可通过任一选择器方式获取到它）；

要绑定哪个键我们就需要先知道该键的ASCII码值是多少，这里不知道时可以百度搜索也可以直接用代码获取到该键的ASCII码值，获取一个键的ASCII码值可以用event.which也可以用event.keyCode。

获取键盘某个键的ASCII码值直通车 --> 菜鸟教程在线示例

下面简单演示一下给某个元素添加键盘事件的步骤：

    // 为input输入框绑定回车弹起事件$('#ipt').on('keyup', e => {   // e是键盘事件的内置对象console.log(e.keyCode);    // 回车键的ASCII码值是：13if(e.keyCode === 13) {     // 这里判断用户是否按下回车// 这里来处理用户按下回车后需要做的事}})

上面这个示例是给input输入框绑定的一个键盘回车键弹起keyup事件，给这个元素绑定回车按键的弹起事件是非常常见的，几乎所有聊天窗口中用于输入内容信息的input框都会有此事件。

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

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

jQuery-键盘事件相关推荐

jquery键盘事件全记录
很多时候,我们需要获取用户的键盘事件,下面就一起来看看jquery是如何操作键盘事件的. 一.首先需要知道的是: 1.keydown() keydown事件会在键盘按下时触发. 2.keyup() k ...
JQuery 键盘事件使用整理
1. Js 键盘事件 1.键盘按下,keydown,在键盘上按下某个键时触发.如果按住某个键,会不断触发该事件 2.键盘松开,keyup,该事件仅在松开键盘时触发一次,不是一个持续的响应状态. 3.字 ...
jquery 键盘事件
jQuery处理键盘事件有三个函数,根据事件发生的顺序分别是: keydown(); keyup(); keypress(); keydown() keydown事件会在键盘按下时触发,可以在绑定的函 ...
3-3 编程练习：jQuery键盘事件案例
3-3 编程练习完善下面的代码,在input框中输入内容的时候同样显示在下面的p标签中 <!DOCTYPE html> <html lang="zh-CN"&g ...
jquery键盘事件
一.首先需要知道的是: 1.keydown() keydown事件会在键盘按下时触发. 2.keyup() keyup事件会在按键释放时触发,也就是你按下键盘起来后的事件 3.keypress() k ...
深入了解jquery中的键盘事件
很多时候,我们需要获取用户的键盘事件,下面就一起来看看jquery是如何操作键盘事件的. 一.首先需要知道的是: 1.keydown() keydown事件会在键盘按下时触发. 2.keyup() k ...
jQuery keyup事件
jQuery keyup is one of the keyboard event methods. Other jQuery keyboard event methods are keydown() ...
jquery按键事件_jQuery按键事件
jquery按键事件 jQuery keypress is one of the keyboard event methods. Other jQuery keyboard event methods ...
JQuery键盘控制图片
JQuery键盘控制图片 <html><head><meta charset="UTF-8"><title></title&g ...
jQuery keydown事件
jQuery keydown is one of the keyboard event methods. Other jQuery keyboard event methods are keyup a ...

jQuery-键盘事件

jQuery-键盘事件相关推荐

最新文章

热门文章