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插件FusionCharts实现的MSBar2D图效果示例【附demo源码】
Mar 24 jQuery
jQuery获取table下某一行某一列的值实现代码
Apr 07 jQuery
jQuery设置图片等比例缩小的方法
Apr 29 jQuery
JQuery 封装 Ajax 常用方法(推荐)
May 21 jQuery
jQuery鼠标移动图片上实现放大效果
Jun 25 jQuery
详解jquery选择器的原理
Aug 01 jQuery
jquery实现限制textarea输入字数的方法
Sep 06 jQuery
jquery实现侧边栏左右伸缩效果的示例
Dec 19 jQuery
jQuery中常用动画效果函数知识点整理
Aug 19 jQuery
jQuery/JS监听input输入框值变化实例
Oct 17 jQuery
jQuery实现简易聊天框
Feb 08 jQuery
jQuery实现回到顶部效果
Oct 19 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导入Excel到MySQL的方法
2011/04/23 PHP
php+mysql实现无限分类实例详解
2015/01/15 PHP
php关键字仅替换一次的实现函数
2015/10/29 PHP
PHP mysqli_free_result()与mysqli_fetch_array()函数详解
2016/09/21 PHP
解决tp5在nginx下修改配置访问的问题
2019/10/16 PHP
laravel 解决crontab不执行的问题
2019/10/22 PHP
如何在一个页面显示多个百度地图
2013/04/07 Javascript
js之事件冒泡和事件捕获详细介绍
2013/10/28 Javascript
Jquery通过Ajax方式来提交Form表单的具体实现
2013/11/07 Javascript
js禁止页面使用右键(简单示例代码)
2013/11/13 Javascript
Javascript中常见的校验如域名、手机、邮箱等等
2014/01/02 Javascript
js+jquery实现图片裁剪功能
2015/01/02 Javascript
JavaScript获取数组最小值和最大值的方法
2015/06/09 Javascript
JQuery包裹DOM节点的方法
2015/06/11 Javascript
javascript中对变量类型的判断方法
2015/08/09 Javascript
基于Jquery插件Uploadify实现实时显示进度条上传图片
2020/03/26 Javascript
微信小程序页面间通信的5种方式
2017/03/31 Javascript
浅谈vue路径优化之resolve
2017/10/13 Javascript
解决vue中使用proxy配置不同端口和ip接口问题
2019/08/14 Javascript
javascript操作向表格中动态加载数据
2020/08/27 Javascript
VUE中鼠标滚轮使div左右滚动的方法详解
2020/12/14 Vue.js
Python实现过滤单个Android程序日志脚本分享
2015/01/16 Python
Python实现计算文件夹下.h和.cpp文件的总行数
2015/04/23 Python
python 查找文件名包含指定字符串的方法
2018/06/05 Python
Django Admin实现三级联动的示例代码(省市区)
2018/06/22 Python
Python基于scipy实现信号滤波功能
2019/05/08 Python
PYQT5开启多个线程和窗口,多线程与多窗口的交互实例
2019/12/13 Python
Python从MySQL数据库中面抽取试题,生成试卷
2021/01/14 Python
男方父母婚礼答谢词
2014/01/25 职场文书
小学教师节活动方案
2014/01/31 职场文书
精彩广告词大全
2014/03/19 职场文书
家长对老师的评语
2014/04/18 职场文书
小学生作文评语大全
2014/04/21 职场文书
新闻编辑求职信
2014/07/13 职场文书
环保建议书作文400字
2015/09/14 职场文书
判断Python中的Nonetype类型
2021/05/25 Python