jquery实现上下左右键盘监听_jQuery监听键盘事件及相关操作使用

一、首先需要知道的是：

1、keydown() keydown事件会在键盘按下时触发.

2、keyup()

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

3、keypress()

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

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

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

console.log(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){

//do somethings;

}else if (event.keyCode == 39){

//do somethings;

}

});

实例研究：

比如：小说网站中常见的按左右键来实现上一篇文章和下一篇文章；按ctrl+回车实现表单提交；google reader和有道阅读中的全快捷键操作...(以此提高用户体验)

如果我们要实现ctrl+Enter就是ctrl+回车提交表单，可以这样：

$(document).keypress(function(e) {

if (e.ctrlKey && e.which == 13)

$("form").submit();

})

//键盘操作

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

var e = event || window.event;

var k = e.keyCode || e.which;

switch(k) {

case 37:

//…

break;

case 39:

//…

break;

}

return false;

})

jquery实现上下左右键盘监听_jQuery监听键盘事件及相关操作使用相关推荐

jquery实现上下左右键盘监听_基于 jQuery 实现键盘事件监听控件
最近项目里要做一个画板,需要对键盘事件进行监听,来进行诸如撤回.重做.移动.缩放等操作,因此顺手实现了一个键盘事件监听控件,期间略有收获,整理出来,希望对大家有所帮助,更希望能获得高手的指点. 1. ...
jquery实现上下左右键盘监听_python 使用pygame工具包实现贪吃蛇游戏(多彩版)
今天我们用python和python的工具包pygame来编写一个贪吃蛇的小游戏贪吃蛇游戏功能介绍贪吃蛇的游戏规则如下: 通过上下左右键或者WASD键来移动蛇来,让它吃到食物,每吃到食物,蛇的长度 ...
jquery实现上下左右键盘监听_通过上下左右键和回车键切换光标实现代码
客户有这样一个需求在列表中的文本框里输入数据时,要能够通过上下左右键来切换光标,按回车键就把光标移到下一个文本框,接下来将为你介绍下如何实现,感兴趣的朋友可以参考下做项目时,客户提出这样一个要求,在 ...
android 键盘隐藏监听,Android监听键盘显示和隐藏
问题概况:横板cocos2dx游戏,点击输入框弹出键盘时,界面要求跟随网上平易,不能挡住输入框.这种问题只出现在非全屏键盘到情况下. 方案1:mainActivity重写onconfiguration ...
vue 匹配键盘输入_vue如何监听键盘事件中的按键？
poj1966 求顶点连通度 Cable TV Network Time Limit: 1000MS Memory Limit: 30000K Total Submissions: 4563 ...
java swing列表数据加监听,【Java Swing公开课|Java监听列表项选择事件怎么用，看完这篇文章你一定就会了】- 环球网校...
[摘要]作为一门面向对象编程语言,Java吸收了C++语言的优点,也展现了其强大的一面,我们能在各个地方看到其功能强大和简单易用的两个特征,当然,也吸引了很多程序员的注意力,所以就有人想了解Java的 ...
JAVA飞机移动斜着走_通过键盘的能够使飞机上下左右八个方向移动，现在实现键盘监听时没有反应是怎么回事，哪里出错了？...
通过键盘的能够使飞机上下左右八个方向移动,现在实现键盘监听时没有反应是怎么回事,哪里出错了? 关注:93 答案:2 mip版解决时间 2021-01-30 07:58 提问者雨份凉伴 2021- ...
java键盘监听事件代码_JavaScript监听键盘事件代码实现
在写网页的时候,常常需要监听键盘事件,让我们来看看如何实现吧. 监听方式键盘事件往往是全局监听,设监听的函数为keyboard(). keyup事件类型.该类型触发条件为按键按下去并松开. //长按 ...
html键盘事件监听,react怎样监听键盘事件
react监听键盘事件的方法:React中有监听键盘按下事件onKeyUp或者onKeyDown属性(以下用onKeyUp),值为自定义方法keyUp,即onKeyUp={this.keyUp}. 通 ...

jquery实现上下左右键盘监听_jQuery监听键盘事件及相关操作使用

jquery实现上下左右键盘监听_jQuery监听键盘事件及相关操作使用相关推荐

最新文章

热门文章