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 相关文章推荐
jQuery中each循环的跳出和结束实例
Aug 16 jQuery
使用jQuery实现简单的tab框实例
Aug 22 jQuery
JQuery 选择器、DOM节点操作练习实例
Sep 28 jQuery
jQuery实现checkbox即点即改批量删除及中间遇到的坑
Nov 11 jQuery
jQuery实现简单的下拉菜单导航功能示例
Dec 07 jQuery
jQuery阻止事件冒泡实例分析
Jul 03 jQuery
jQuery基于随机数解决中午吃什么去哪吃问题示例
Dec 29 jQuery
JQueryDOM之样式操作
Mar 27 jQuery
jQuery表单选择器用法详解
Aug 22 jQuery
jQuery设置下拉框显示与隐藏效果的方法分析
Sep 15 jQuery
使用jquery实现轮播图效果
Jan 02 jQuery
jQuery实现手风琴特效
Jan 11 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解决约瑟夫环示例
2014/04/09 PHP
PHP验证码无法显示的原因及解决办法
2017/08/11 PHP
ThinkPHP5框架中使用JWT的方法示例
2020/06/03 PHP
PHP大文件分割分片上传实现代码
2020/12/09 PHP
Uglifyjs(JS代码优化工具)入门 安装使用
2020/04/13 Javascript
transport.js和jquery冲突问题的解决方法
2015/02/10 Javascript
angularjs创建弹出框实现拖动效果
2020/08/25 Javascript
禁用backspace网页回退功能的实现代码
2016/11/15 Javascript
js监听input输入框值的实时变化实例
2017/01/26 Javascript
使用jQuery监听扫码枪输入并禁止手动输入的实现方法(推荐)
2017/03/21 jQuery
js实现移动端导航点击自动滑动效果
2017/07/18 Javascript
vue2单元测试环境搭建
2018/05/24 Javascript
Angular6中使用Swiper的方法示例
2018/07/09 Javascript
详解Vue+Element的动态表单,动态表格(后端发送配置,前端动态生成)
2019/04/20 Javascript
简单了解小程序+node梳理登陆流程
2019/06/24 Javascript
vue实现树形结构样式和功能的实例代码
2019/10/15 Javascript
JS co 函数库的含义和用法实例总结
2020/04/08 Javascript
[48:22]VGJ.S vs VG 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
matplotlib设置legend图例代码示例
2017/12/19 Python
Python之ReportLab绘制条形码和二维码的实例
2018/01/15 Python
python通过tcp发送xml报文的方法
2018/12/28 Python
python实现双色球随机选号
2020/01/01 Python
python 爬取疫情数据的源码
2020/02/09 Python
Python 炫技操作之合并字典的七种方法
2020/04/10 Python
TensorFlow实现批量归一化操作的示例
2020/04/22 Python
利用django创建一个简易的博客网站的示例
2020/09/29 Python
帮一个朋友写的求职信
2014/08/09 职场文书
2014年预备党员群众路线教育实践活动对照检查材料思想汇报
2014/10/02 职场文书
村干部任职承诺书
2015/01/21 职场文书
我们的节日中秋节活动总结
2015/03/23 职场文书
vue-cli4.5.x快速搭建项目
2021/05/30 Vue.js
Python 发送SMTP邮件的简单教程
2021/06/24 Python
springboot + mongodb 通过经纬度坐标匹配平面区域的方法
2021/11/01 MongoDB
Spring Bean是如何初始化的详解
2022/03/22 Java/Android
JS前端宏任务微任务及Event Loop使用详解
2022/07/23 Javascript
JS前端可视化canvas动画原理及其推导实现
2022/08/05 Javascript