jquery键盘事件

2024-06-01 12:03:27

一、首先需要知道的是：

1、keydown()

keydown事件会在键盘按下时触发.

2、keyup()

keyup事件会在按键释放时触发,也就是你按下键盘起来后的事件

3、keypress()

keypress事件会在敲击按键时触发,我们可以理解为按下并抬起同一个按键

二、获得键盘上对应的ascII码：

$(document).keydown(function(event){
alert(event.keyCode);
});

$tips: 上面例子中,event.keyCode就可以帮助我们获取到我们按下了键盘上的什么按键,他返回的是ascII码,比如说上下左右键,分别是38,40,37,39；

三、实例（当按下键盘上的左右方面键时）

$(document).keydown(function(event){

//判断当event.keyCode 为37时（即左方面键），执行函数to_left();

//判断当event.keyCode 为39时（即右方面键），执行函数to_right();

if(event.keyCode == 37){

to_left();
          }else if (event.keyCode == 39){
             to_right();
          }
      });

四、TIPS:

该实例常用于电子相册浏览时。。。

转载于:https://www.cnblogs.com/waitingbar/archive/2011/01/30/1947775.html

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中的键盘事件
很多时候,我们需要获取用户的键盘事件,下面就一起来看看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 ...

最新文章

热门文章