jquery 组合键键盘事件

jQuery处理键盘事件,比如小说网站中常见的按左右键来实现上一篇文章和下一篇文章,按ctrl+回车实现表单提交,google reader和有道阅读中的全快捷键操作...

本文讲述jQuery处理按键的原理和方法

jQuery处理键盘事件有三个函数,根据事件发生的顺序分别是:

`1`	`keydown();`

`2`	`keyup();`

`3`	`keypress();`

keydown()

keydown事件会在键盘按下时触发,可以在绑定的函数中欧能够返回false来防止触发浏览器的默认事件.

keyup()

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

keypress()

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

我们怎么才能获取我按下的是A还是Z还是回车按钮呢?

键盘事件可以传递一个参数event,其实说有的jQuery事件函数中都可以传递这么一个参数

view source

print ?

`1`	`$(‘input‘).keydown(function(event){`

`2`	`alert(event.keyCode);`

3 });

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

如果我们要实现ctrl+Enter就是ctrl+回车提交表单

view source

print ?

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

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

`3`	`$("form").submit();`

4 })

jQuery 键盘 keyCode

时间： 2024-07-31 14:30:30

jquery 组合键键盘事件的相关文章

JQuery中如何处理键盘事件

背景:比如在页面中,敲击回车键以后,实现登录功能,在之前的Winform开发时,也遇到过处理键盘事件的功能,比如游戏软件中,上下左右的移动等. 代码如下: 1 $(document).keydown(function (event) { 2 if (event.keyCode == 13) 3 { 4 alert('OK'); 5 //$("#btn1").click(); 6 } 7 }); 上面代码的功能是,在页面上任意位置,敲击回车,弹出‘OK’的消息框.

Selenium 鼠标键盘事件

鼠标事件-概述 1.单击 click().click(WebElement onElement) 2.双击doubleClick() . doubleClick(WebElement onElement) 3.右击contextClick(). contextClick(WebElement onElement) 4.移动/悬浮 moveByOffset(int xOffset, int yOffset).moveToElement(WebElement toElement).moveToEle

JS 事件（9）—键盘事件

键盘事件对键盘事件的支持主要遵循的是DOM0级. “DOM3级事件”为键盘事件制定了规范,IE9率先实现. keydown事件按下键盘上的任意键触发:按住不放,重复触发. keypress事件按下键盘上的字符键触发:按住不放,重复触发. 按下Eec键也会触发这个事件. keyup事件释放键盘上的键时触发. 触发顺序 (1)当按下键盘上的一个字符键时,首先触发keydown事件,然后紧跟着keypress事件,最后会触发keyup事件.其中,keydown和keypress事件是在文本框发

MFC 对话框Dialog响应键盘事件（组合键Ctrl+A）

在上一篇文章的基础上,这里描述如何捕获组合键,这里以Ctrl+A为例做法就是按下Ctrl的时候用一个静态成员变量保存Ctrl是否被按下,当Ctrl按下的时候设置为true:当Ctrl键抬起的时候设置为false 其他组合键的开发用此例举一反三即可. 头文件声明 BOOL PreTranslateMessage(MSG* pMsg); 源文件定义 BOOL CmfcDlg::PreTranslateMessage(MSG* pMsg) { static bool m_ctrl_down = fa

jQuery基础（鼠标事件，表单事件，键盘事件，自定义事件篇）

1.jQuery鼠标事件之click与dbclick事件方法一:$ele.click()(不带参数) <div id="test">点击触发<div> $("ele").click(function(){ alert('触发指定事件') }) $("#test").click(function(){ $("ele").click() //手动指定触发事件 }); 方法二:$ele.click( h

键盘事件（jQuery）

1jQuery键盘事件之keydown()与keyup()事件鼠标有mousedown,mouseup之类的事件,这是根据人的手势动作分解的2个触发行为.相对应的键盘也有这类事件,将用户行为分解成2个动作,键盘按下与松手,针对这样的2种动作,jQuery分别提供了对应keydown与keyup方法来监听 keydown事件: 当用户在一个元素上第一次按下键盘上字母键的时候,就会触发它.使用上非常简单,与基本事件参数处理保持一致,这里使用不在重复了,列出使用的方法 //直接绑定事件 $elem.

Javascript和jquery事件--键盘事件KeyboardEvent

Js和jq事件-键盘事件KeyboardEvent 键盘事件keydown,keypress和keyup,还需要涉及到一个文本事件textInput. keydown,keypress和keyup事件在js和jq中都支持.但是你想要触发这三个事件,必须有文本输入操作(该元素是,或者包含的子元素是文本输入元素-通过冒泡触发). 三个事件的触发顺序是按下键盘会触发keydown,keypress,如果按着键盘不放则会反复触发这两个事件,当放开键盘的时候触发keyup.对于键盘上每个按键,这三个事件都

jQuery键盘事件 ctrl+Enter回车键提交表单

分享下jquery键盘事件的一些例子,个人感觉还不错,有空时多多研究. 键盘事件处理所有用户在键盘敲击的情况,不管在文本输入区域内部还是外部.键盘事件在不同的浏览器中作用的范围是不一样的,通常这种键盘事件可以作用于 Form元素,a标签元素,window ,document这样的元素上.在所有可以获得交点的元素上是可以触发键盘事件的,可以获得焦点的元素可以这样理解,在使用Tab键的时候可以跳跃到的元素就是可以使用键盘事件的元(在没有为这些元素设置tabindex属性值的情况下,当tabindex

jQuery事件之键盘事件

一.首先需要知道的是: 1.keydown() keydown事件会在键盘按下时触发. 2.keyup() keyup事件会在按键释放时触发,也就是你按下键盘起来后的事件 3.keypress() keypress事件会在敲击按键时触发,我们可以理解为按下并抬起同一个按键二.获得键盘上对应的ascII码: $(document).keydown(function(event){ alert(event.keyCode); }); $tips: 上面例子中,event.keyCode就可以帮助我