jquery 键盘事件的使用方法详解


Posted in jQuery onSeptember 13, 2017

jquery 键盘事件的使用方法详解

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

jquery 代码:

1.  keydown();
2.  keyup(); 
3.  keypress();  

keydown()

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

keyup()

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

keypress()

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

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

jquery 代码:

$('input').keydown(function(event){  
    alert(event.keyCode);  
});

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

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

$(document).keypress(function(e) {  
   if (e.ctrlKey && e.which == 13)
   $("form").submit();  
}) ;

如有疑问请留言或者到本站社区交流讨论,大家共同进步,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

jQuery 相关文章推荐
原生Aajax 和jQuery Ajax 写法个人总结
Mar 24 jQuery
Vue.js列表渲染绑定jQuery插件的正确姿势
Jun 29 jQuery
jQuery绑定事件方法及区别(bind,click,on,live,one)
Aug 14 jQuery
JQuery EasyUI 结合ztrIee的后台页面开发实例
Sep 01 jQuery
jQuery选择器之表单元素选择器详解
Sep 19 jQuery
jQuery实现的简单无刷新评论功能示例
Nov 08 jQuery
jQuery实现通过方向键控制div块上下左右移动的方法【测试可用】
Apr 26 jQuery
[原创]jquery判断元素内容是否为空的方法
May 04 jQuery
jQuery基于Ajax实现读取XML数据功能示例
May 31 jQuery
简单易扩展可控性强的Jquery转盘抽奖程序
Mar 16 jQuery
JQuery获取可视区尺寸和文档尺寸及制作悬浮菜单示例
May 14 jQuery
jquery使用echarts实现有向图可视化功能示例
Nov 25 jQuery
React中jquery引用的实现方法
Sep 12 #jQuery
jQuery+vue.js实现的九宫格拼图游戏完整实例【附源码下载】
Sep 12 #jQuery
jQuery实现用户信息表格的添加和删除功能
Sep 12 #jQuery
解决jquery appaend元素中id绑定事件失效的问题
Sep 12 #jQuery
JS和jQuery通过this获取html标签中的属性值(实例代码)
Sep 11 #jQuery
利用JQuery操作iframe父页面、子页面的元素和方法汇总
Sep 10 #jQuery
jQuery事件对象的属性和方法详解
Sep 09 #jQuery
You might like
PHP中冒号、endif、endwhile、endfor使用介绍
2010/04/28 PHP
探讨php define()函数及defined()函数使用详解
2013/06/09 PHP
php多个字符串替换成同一个的解决方法
2013/06/18 PHP
CodeIgniter基本配置详细介绍
2013/11/12 PHP
分享下php5类中三种数据类型的区别
2015/01/26 PHP
46 个非常有用的 PHP 代码片段
2016/02/16 PHP
PHP FileSystem 文件系统常用api整理总结
2019/07/12 PHP
js操作Xml(向服务器发送Xml,处理服务器返回的Xml)(IE下有效)
2009/01/30 Javascript
基于jquery的修改当前TAB显示标题的代码
2010/12/11 Javascript
关于JavaScript的面向对象和继承有利新手学习
2013/01/11 Javascript
javascript模拟post提交隐藏地址栏的参数
2014/09/03 Javascript
浅谈JavaScript中运算符的优先级
2015/07/07 Javascript
JavaScript+CSS实现仿Mootools竖排弹性动画菜单效果
2015/10/14 Javascript
javascript for-in有序遍历json数据并探讨各个浏览器差异
2015/11/30 Javascript
微信小程序 条件渲染详解
2016/10/09 Javascript
详解JS中统计函数执行次数与执行时间
2018/09/04 Javascript
Vue官方推荐AJAX组件axios.js使用方法详解与API
2018/10/09 Javascript
使用jQuery动态设置单选框的选中效果
2018/12/06 jQuery
JS实现获取数组中最大值或最小值功能示例
2019/03/02 Javascript
js实现多图和单图上传显示
2019/12/18 Javascript
jquery制作的移动端购物车效果完整示例
2020/02/24 jQuery
[00:30]塑造者的传承礼包-戴泽“暗影之焰”套装展示视频
2014/04/04 DOTA
Python 删除连续出现的指定字符的实例
2018/06/29 Python
设置python3为默认python的方法
2018/10/31 Python
Python内存管理实例分析
2019/07/10 Python
tensor和numpy的互相转换的实现示例
2019/08/02 Python
Keras在训练期间可视化训练误差和测试误差实例
2020/06/16 Python
法国春天百货官网:Printemps.com
2020/06/29 全球购物
岳父生日宴会答谢词
2014/01/13 职场文书
餐厅楼面部长岗位职责范文
2014/02/16 职场文书
食品质量与安全专业毕业生求职信
2014/08/11 职场文书
基层领导干部“四风”问题批评与自我批评
2014/09/23 职场文书
2014年效能监察工作总结
2014/11/21 职场文书
2014年爱国卫生工作总结
2014/11/22 职场文书
2016学习依法治国心得体会
2016/01/15 职场文书
SpringBoot前端后端分离之Nginx服务器下载安装过程
2022/08/14 Servers