jQuery简单获取键盘事件的方法
2016-01-22 00:00
691 查看
本文实例讲述了jQuery简单获取键盘事件的方法。分享给大家供大家参考,具体如下:
一、我们什么时候要用到获取键盘事件
做web的时候,为了更人性的设计,我们有的时候会用到键盘事件。例如:输入框下拉提示框,通过键盘的上下键盘来选择自己想要的内容,google的输入框的下拉提示。当我们浏览相册的时候,我们可以能过键盘的左右键,来查看相片。当我们浏览长篇小说,用鼠标滚动很容易不知道看到哪一个行了,可以通键盘上下键来进行翻页,这些小细节也是非常重要的。做网站很大程度在于细节的处理。
二、jquery的键盘事情函数种类
1. keydown事件是在键盘按下时触发的事件
2. keyup事件是在按下键弹起时触发的事件
3. keypress事件是在键盘按下时触发的事件
keypress和keydown在功能差不多,但是在获取事件的内容上有所不同。
二、举例说明
三、试验结果
1. 在上面的输入框中,输入一个字母r时,第一次会弹出keydown,以后都会提示keypress
2. 当我们按下pg dn銉时,会先弹出keyup然后在弹出keydown
3. 当我们按下shift+c时,只会弹出keypress
4. 当我们按下ctrl+alt时,就不会出现keypress,第一次会出现二个keydown,第二次按的时候,先出现keyup,然后在出现keydown
可能性有很多,我们只要试一试常用的銉就可以了。
四、获得键盘事件对应的ASCII值
更多关于jQuery事件操作相关内容感兴趣的读者可查看本站专题:《jQuery常见事件用法与技巧总结》
希望本文所述对大家jQuery程序设计有所帮助。
jQuery事件之键盘事件(ctrl+Enter回车键提交表单等)
jquery 按键盘上的enter事件
jquery.hotkeys监听键盘按下事件keydown插件
jquery快捷动态绑定键盘事件的操作函数代码
jquery键盘事件使用介绍
jquery的键盘事件修改代码
jquery键盘事件介绍
jquery dialog键盘事件代码
jquery keypress,keyup,onpropertychange键盘事件
扩展jQuery 键盘事件的几个基本方法
jquery HotKeys轻松搞定键盘事件代码
一、我们什么时候要用到获取键盘事件
做web的时候,为了更人性的设计,我们有的时候会用到键盘事件。例如:输入框下拉提示框,通过键盘的上下键盘来选择自己想要的内容,google的输入框的下拉提示。当我们浏览相册的时候,我们可以能过键盘的左右键,来查看相片。当我们浏览长篇小说,用鼠标滚动很容易不知道看到哪一个行了,可以通键盘上下键来进行翻页,这些小细节也是非常重要的。做网站很大程度在于细节的处理。
二、jquery的键盘事情函数种类
1. keydown事件是在键盘按下时触发的事件
2. keyup事件是在按下键弹起时触发的事件
3. keypress事件是在键盘按下时触发的事件
keypress和keydown在功能差不多,但是在获取事件的内容上有所不同。
二、举例说明
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" dir="ltr" lang="utf-8"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="jquery-1.3.2.js" type="text/javascript"></script> </head> <body> <input value="fi" name="search" id="search_input" maxlength="50" autocomplete="off"> </body> </html> <script type="text/javascript"> $('#search_input') .keypress(function(event){ alert("keypress"); }) .keydown(function(event){ alert("keydown"); }) .keyup(function(event){ alert("keyup"); }); </script>
三、试验结果
1. 在上面的输入框中,输入一个字母r时,第一次会弹出keydown,以后都会提示keypress
2. 当我们按下pg dn銉时,会先弹出keyup然后在弹出keydown
3. 当我们按下shift+c时,只会弹出keypress
4. 当我们按下ctrl+alt时,就不会出现keypress,第一次会出现二个keydown,第二次按的时候,先出现keyup,然后在出现keydown
可能性有很多,我们只要试一试常用的銉就可以了。
四、获得键盘事件对应的ASCII值
<script type="text/javascript"> $('#search_input') .keydown(function(event){ alert(event.keyCode); }) </script>
更多关于jQuery事件操作相关内容感兴趣的读者可查看本站专题:《jQuery常见事件用法与技巧总结》
希望本文所述对大家jQuery程序设计有所帮助。
您可能感兴趣的文章:
js和jquery实现监听键盘事件示例代码jQuery事件之键盘事件(ctrl+Enter回车键提交表单等)
jquery 按键盘上的enter事件
jquery.hotkeys监听键盘按下事件keydown插件
jquery快捷动态绑定键盘事件的操作函数代码
jquery键盘事件使用介绍
jquery的键盘事件修改代码
jquery键盘事件介绍
jquery dialog键盘事件代码
jquery keypress,keyup,onpropertychange键盘事件
扩展jQuery 键盘事件的几个基本方法
jquery HotKeys轻松搞定键盘事件代码
相关文章推荐
- jQuery ajax时间差导致的变量赋值问题分析
- jquery.validate提示错误信息位置方法
- jQuery实现图片轮播效果
- jquery日历插件datepicker用法分析
- jquery采用oop模式class类的使用示例
- DOMLoaded 类似jquery的$(callback)
- 第二章 jQuery选择器
- 第三章 jQuery中的DOM操作
- jquery读写cookie
- jQuery-extend分析
- JQuery学习笔记——JQuery基础
- 2016 系统设计第一期 (档案一)jQuery checkbox 取值赋值
- 2016 系统设计第一期 (档案一)jQuery radio 取值赋值
- 2016 系统设计第一期 (档案一)jQuery ajax serialize()方法form提交数据
- Jquery 对话框确认
- 冻结 锁定 固定 行 列 表头 抬头 html table jquery 全兼容常见浏览器
- jQuery Dialog API (二)
- 使用JQuery能做什么(zz)
- 解决同一页面jQuery多个版本或和其他js库冲突方法
- jquery jqPlot API 中文使用教程(非常强大的图表工具)