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 相关文章推荐
JavaScript使用链式方法封装jQuery中CSS()方法示例
Apr 07 jQuery
详谈表单格式化插件jquery.serializeJSON
Jun 23 jQuery
Vue.js列表渲染绑定jQuery插件的正确姿势
Jun 29 jQuery
jQuery实现动态给table赋值的方法示例
Jul 04 jQuery
jQuery实现用户信息表格的添加和删除功能
Sep 12 jQuery
jquery radio 动态控制选中失效问题的解决方法
Feb 28 jQuery
JS与jQuery实现ListBox上移,下移,左移,右移操作功能示例
May 31 jQuery
jquery.param()实现数组或对象的序列化方法
Oct 08 jQuery
jQuery实现图片下载代码
Jul 18 jQuery
jquery树形插件zTree高级使用详解
Aug 16 jQuery
jQuery实现验证用户登录
Dec 10 jQuery
详解jQuery中的prop()使用方法
Jan 05 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 数字左侧自动补0
2008/03/31 PHP
如何给phpcms v9增加类似于phpcms 2008中的关键词表
2013/07/01 PHP
php与java通过socket通信的实现代码
2013/10/21 PHP
利用PHP函数计算中英文字符串长度的方法
2014/11/11 PHP
php静态文件返回304技巧分享
2015/01/06 PHP
基于jquery的内容循环滚动小模块(仿新浪微博未登录首页滚动微博显示)
2011/03/28 Javascript
javascript使用appendChild追加节点实例
2015/01/12 Javascript
Javascript实现鼠标框选操作  不是点击选取
2016/04/14 Javascript
jQuery插件ajaxFileUpload使用实例解析
2016/10/19 Javascript
Angularjs自定义指令实现三级联动 选择地理位置
2017/02/13 Javascript
浅谈angular2的http请求返回结果的subcribe注意事项
2017/03/01 Javascript
js实现多行文本框统计剩余字数功能
2017/03/28 Javascript
动态统计当前输入内容的字节、字符数的实例详解
2017/10/27 Javascript
基于vue-element组件实现音乐播放器功能
2018/05/06 Javascript
微信小程序云开发 生成带参小程序码流程
2019/05/18 Javascript
Vue数据驱动表单渲染,轻松搞定form表单
2019/07/19 Javascript
layui 表单标签的校验方法
2019/09/04 Javascript
vue中英文切换实例代码
2020/01/21 Javascript
[03:01]完美世界DOTA2联赛PWL S2 集锦第二期
2020/12/03 DOTA
对Tensorflow中权值和feature map的可视化详解
2018/06/14 Python
Django之无名分组和有名分组的实现
2019/04/16 Python
Python SQLAlchemy入门教程(基本用法)
2019/11/11 Python
python 实现仿微信聊天时间格式化显示的代码
2020/04/17 Python
用pandas划分数据集实现训练集和测试集
2020/07/20 Python
GUESS西班牙官方网上商城:美国服饰品牌
2017/03/15 全球购物
C语言怎样定义和声明全局变量和函数最好
2013/11/26 面试题
出国留学自荐信
2013/10/25 职场文书
直接有效的自我评价
2014/01/11 职场文书
银行员工辞职信范文
2014/01/20 职场文书
领导干部对照检查材料
2014/08/24 职场文书
幼儿园六一活动总结
2014/08/27 职场文书
2014年卫生保健工作总结
2014/12/08 职场文书
《走遍天下书为侣》教学反思
2016/02/22 职场文书
iPhone13再次曝光
2021/04/15 数码科技
用python批量解压带密码的压缩包
2021/05/31 Python
Windows11 Insider Preview Build 25206今日发布 更新内容汇总
2022/09/23 数码科技