jQuery
处理键盘事件
,比如小说网站中常见的按左右键来实现上一篇文章和下一篇文章,按ctrl+回车实现表单提交,google reader和有道阅读中的全快捷键操作...
本文讲述jQuery处理按键的原理和方法
jQuery处理键盘
事件有三个函数,根据事件发生的顺序分别是:
keydown()
keydown事件会在键盘按下时触发,可以在绑定的函数中欧能够返回false来防止触发浏览器
的默认事件.
keyup()
keyup事件会在按键释放时触发,也就是你按下键盘起来后的事件
keypress()
keypress事件会在敲击按键时触发,我们可以理解为按下并抬起同一个按键
我们怎么才能获取我按下的是A还是Z还是回车按钮呢?
键盘事件可以传递一个参数event
,其实说有的jQuery事件
函数中都可以传递这么一个参数
1
|
$(
'input'
).keydown(
function
(event){
|
上面代码中的,event.keyCode
就可以帮助我们获取到我们按下了什么按键,他返回的是ascII码,比如说上下左右键,分别是38,40,37,39
如果我们要实现ctrl+Enter就是ctrl+回车提交表单
1
|
$(document).keypress(
function
(e) {
|
2
|
if
(e.ctrlKey && e.which == 13)
|
分享到:
相关推荐
jquery 键盘事件的使用方法详解 jQuery处理键盘事件有三个函数,根据事件发生的顺序分别是: jquery 代码: 1. keydown(); 2. keyup(); 3. keypress(); keydown() keydown事件会在键盘按下时触发,可以在...
jquery 监听 键盘 事件
一、首先需要知道的是: 1、keydown() keydown事件会在键盘按下时触发. 2、keyup() keyup事件会在按键释放时触发,也就是你按下键盘起来后的事件 3、keypress() keypress事件会在敲击按键时触发,我们可以理解为按下并...
扩展jQuery 键盘事件的几个基本方法(练习jQuery插件扩展)
在本篇文章里小编给各位整理的是关于jquery 键盘事件 keypress() keydown() keyup()用法总结以及相关实例,需要的朋友们学习下。
jQuery键盘按钮响应事件代码是一款通过键盘可直接响应和按钮一样的事件。
jquery键盘事件使用介绍,需要的朋友可以参考下。
jQuery键盘插件网页虚拟键盘输入代码 jQuery键盘插件网页虚拟键盘输入代码
jquery 搜索 键盘选择 li 键盘事件 鼠标事件 ul li 鼠标+键盘上下选择li li变色
jQuery键盘按钮响应事件代码是一款通过敲打键盘按键可直接响应和按钮一样的事件。
效果图: ... 首先设置几个盒子,用来构建这个页面的大致框架。...1.先设置键盘按下事件(onkeydown)。 2.if判断中输入相应的键码值,确定你所按下的键盘。 3.获取对应的ID,然后用JQuery代码给HTML布局添加封装着关键
jQuery键盘按钮响应事件代码是一款通过敲打键盘按键可直接响应和按钮一样的事件。
例子,jquery键盘事件、回车键事件用法。// 键盘事件 1、keydown() keydown事件会在键盘按下时触发. 2、keyup() keyup事件会在按键释放时触发,也就是你按下键盘起来后的事件 3、keypress() keypress事件会在...
一种漂亮的jquery键盘插件。之前项目里面用到的。键盘效果还是很ok、的,有数字小键盘。还有全键盘
jquery.hotkeys键盘事件处理插件DEMo