jquery++键盘事件,如何基于jQuery获取键盘事件

本文实例讲述了jQuery简单获取键盘事件的方法。分享给大家供大家参考,具体如下:

一、我们什么时候要用到获取键盘事件

做web的时候,为了更人性的设计,我们有的时候会用到键盘事件。例如:输入框下拉提示框,通过键盘的上下键盘来选择自己想要的内容,google的输入框的下拉提示。当我们浏览相册的时候,我们可以能过键盘的左右键,来查看相片。当我们浏览长篇小说,用鼠标滚动很容易不知道看到哪一个行了,可以通键盘上下键来进行翻页,这些小细节也是非常重要的。做网站很大程度在于细节的处理。

二、jquery的键盘事情函数种类

1. keydown事件是在键盘按下时触发的事件2. keyup事件是在按下键弹起时触发的事件3. keypress事件是在键盘按下时触发的事件

keypress和keydown在功能差不多,但是在获取事件的内容上有所不同。

二、举例说明

$('#search_input') .keypress(function(event){ alert("keypress"); }) .keydown(function(event){ alert("keydown"); }) .keyup(function(event){ alert("keyup"); });

三、试验结果

1. 在上面的输入框中,输入一个字母r时,第一次会弹出keydown,以后都会提示keypress2. 当我们按下pg dn銉时,会先弹出keyup然后在弹出keydown3. 当我们按下shift+c时,只会弹出keypress4. 当我们按下ctrl+alt时,就不会出现keypress,第一次会出现二个keydown,第二次按的时候,先出现keyup,然后在出现keydown

可能性有很多,我们只要试一试常用的銉就可以了。

四、获得键盘事件对应的ASCII值

$('#search_input') .keydown(function(event){ alert(event.keyCode); })
jQuery 事件 - click() 方法事件处理 — Vue.jsqt 键盘按键事件 范例 keyPreEvent() - feipigwang - ITeye博客JavaScript HTML DOM 事件Polymer:面向未来的Web组件开发-图书 - 博文视点Unity学习之鼠标事件-腾讯游戏学堂 - QQVue中鼠标移入移出事件-解析【图文】_JackieDYH_51CTO博客BookBlock首页、文档和下载 - jQuery 翻书效果插件 ...VB鼠标滚轮事件应用-百度经验jQuery(3)——jQuery键盘事件3-3 编程练习:jQuery键盘事件案例js组合键和单个键盘事件JQuery添加键盘事件jquery键盘事件使用介绍html键盘事件获取指定字符,Jquery给HTML元素绑定按键事件-回车事件jQuery 键盘事件jquery 监控键盘事件简单的事件操作(jQuery键盘事件)jQuery绑定键盘事件Jquery键盘事件实例1 jQuery监控键盘事件Vue中监听键盘事件jquery事件,主动触发与自定义事件:(四)HTML绑定esc事件,Jquery页面中添加键盘按键事件,如ESC事件jQuery 绑定3种键盘事件 keypress(键盘键按下,功能键和中文不触发),keydown(键盘键按下,所有键都触发),...jquery 键盘事件 keypress() keydown() keyup()用法总结jQuery实现的回车触发按钮事件(手机键盘的回车一样会触发)基于 jQuery 实现键盘事件监听控件jquery键盘回车事件jQuery模拟实现按键事件jquery键盘事件jquery 键盘回车事件使用jQuery来完成键盘事件的浏览器匹配jQuery键盘事件jquery 键盘事件捕捉
怎么设置导航网址ETRUS伊特斯唱歌唱唱就没气了唱歌唱完一句吸不进气补你一个道歉600初中补你一个道歉600字初一抖音症遗后条信是什么梗三得利上海食品贸易有限公司白话者是什么意思商贸城老佛爷孩子患上斜视怎么办看看专家怎么说斜视有什么预防方法呢神奇动物格林德之罪免费黑天鹅灰犀牛事件的启示函授大专学前教育证有用吗函授大专和大专一样吗十大人际交往黄金法则十大黄金法则助你克服职场人际关系压力都是黑丝惹的祸第221话结局篇3膩怎么读拼音为什么生产有的会提前有的会推后哪里有声律启蒙视频课