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 键盘事件 keypress() keydown() keyup()用法总结  # 基于 jQuery 实现键盘事件监听控件  # jquery中键盘事件小结  # jQuery简单获取键盘事件的方法  # js和jquery实现监听键盘事件示例代码  # jquery比较简洁的软键盘特效实现方法  # JQuery通过键盘控制键盘按下与松开触发事件  # 按下  # 会在  # 的是  # 如有  # 右键  # 我们可以  # 希望能  # 谢谢大家  # 表单  # 中都  # 绑定  # 就可以  # 共同进步  # 疑问请  # false  # event  # pre  # br 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： 微信小程序 require机制详解及实例代码  Win10如何卸载预装Edge扩展_Win10卸载Edge扩展教程【方法】  Thinkphp 中 distinct 的用法解析  百度浏览器网页无法复制文字怎么办 百度浏览器复制修复  html5怎么画眼睛_HT5用Canvas或SVG画眼球瞳孔加JS控制动态【绘制】  Laravel如何操作JSON类型的数据库字段？（Eloquent示例）  在centOS 7安装mysql 5.7的详细教程  laravel怎么用DB facade执行原生SQL查询_laravel DB facade原生SQL执行方法  Laravel如何实现登录错误次数限制_Laravel自带LoginThrottles限流配置【方法】  Android仿QQ列表左滑删除操作  CSS3怎么给轮播图加过渡动画_transition加transform实现【技巧】  如何快速生成ASP一键建站模板并优化安全性？  Laravel Livewire是什么_使用Laravel Livewire构建动态前端界面  JS去除重复并统计数量的实现方法  网易LOFTER官网链接 老福特网页版登录地址  Laravel如何处理文件上传_Laravel Storage门面实现文件存储与管理  怎么制作网站设计模板图片,有电商商品详情页面的免费模板素材网站推荐吗？  用v-html解决Vue.js渲染中html标签不被解析的问题  厦门模型网站设计制作公司,厦门航空飞机模型掉色怎么办？  Win11摄像头无法使用怎么办_Win11相机隐私权限开启教程【详解】  Laravel Eloquent访问器与修改器是什么_Laravel Accessors & Mutators数据处理技巧  Laravel如何自定义分页视图？（Pagination示例）  Google浏览器为什么这么卡 Google浏览器提速优化设置步骤【方法】  如何在建站之星绑定自定义域名？  Laravel Octane如何提升性能_使用Laravel Octane加速你的应用  Laravel Docker环境搭建教程_Laravel Sail使用指南  Microsoft Edge如何解决网页加载问题 Edge浏览器加载问题修复  Laravel如何生成和使用数据填充？（Seeder和Factory示例）  如何在宝塔面板中创建新站点？  Laravel如何使用Blade组件和插槽？（Component代码示例）  HTML5建模怎么导出为FBX格式_FBX格式兼容性及导出步骤【指南】  HTML5空格和nbsp有啥关系_nbsp的作用及使用场景【说明】  SQL查询语句优化的实用方法总结  php json中文编码为null的解决办法  Laravel中的withCount方法怎么高效统计关联模型数量  Laravel集合Collection怎么用_Laravel集合常用函数详解  laravel怎么在请求结束后执行任务（Terminable Middleware）_laravel Terminable Middleware请求结束任务执行方法  ,怎么在广州志愿者网站注册？  Laravel软删除怎么实现_Laravel Eloquent SoftDeletes功能使用教程  实例解析angularjs的filter过滤器  Laravel如何与Vue.js集成_Laravel + Vue前后端分离项目搭建指南  jQuery validate插件功能与用法详解  香港服务器网站测试全流程：性能评估、SEO加载与移动适配优化  Laravel如何实现URL美化Slug功能_Laravel使用eloquent-sluggable生成别名【方法】  Laravel如何处理表单验证？（Requests代码示例）  七夕网站制作视频,七夕大促活动怎么报名？  Laravel如何使用Contracts（契约）进行编程_Laravel契约接口与依赖反转  Laravel怎么发送邮件_Laravel Mail类SMTP配置教程  Laravel如何从数据库删除数据_Laravel destroy和delete方法区别  如何在IIS中新建站点并解决端口绑定冲突？