jquery 键盘事件的使用方法详解
更新时间：2017年09月13日 09:46:02 作者：chenhaibo0806999
这篇文章主要介绍了jquery 键盘事件的使用方法详解的相关资料,主要介绍keydown()、keyup()、keypress()等三种方法，需要的朋友可以参考下
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操作iframe父页面与子页面的元素与方法(实例讲解)
这篇文章主要介绍了JQuery操作iframe父页面与子页面的元素与方法。需要的朋友可以过来参考下，希望对大家有所帮助2013-11-11
jQuery使用ajax传递json对象到服务端及contentType的用法示例
这篇文章主要介绍了jQuery使用ajax传递json对象到服务端及contentType的用法,结合实例形式分析了jQuery使用ajax传递json对象数据及服务器响应相关操作技巧,需要的朋友可以参考下2020-03-03
利用jQuery操作对象数组的实现代码，需要的朋友可以参考下。2011-04-04
这篇文章主要介绍了jQuery基于函数重载实现自定义Alert函数样式的方法,涉及jQuery函数重载及页面元素属性动态操作的相关技巧,需要的朋友可以参考下2016-07-07
遇到大图片将页面容器“撑破”的情况在进行页面布局时会经常遇到吧，在本文将为大家讲述使用jQuery实现按比例缩放大图片，让大图片自适应页面布局2013-10-10
jQuery一步一步实现跨浏览器的可编辑表格，支持IE、Firefox、Safari、Chrome、Opera
在修改数据时，有时候为了方便，我们希望能够直接在表格里面对数据进行直接修改。2009-08-08
这篇文章主要介绍了jQuery中remove()方法用法,以三个不同的实例形式分别演示了remove()方法删除元素的使用技巧,具有一定的参考借鉴价值,需要的朋友可以参考下2014-12-12
这篇文章主要介绍了基于jquery实现日历签到功能，我们在玩游戏的时候或者登录某手机软件时都会有一个签到功能，记录大家的登录日期，这个日历签到如何实现？本文为大家进行揭晓。2015-11-11
这篇文章主要为大家详细介绍了Jquery组件easyUi实现选项卡切换示例，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-08-08
这篇文章主要介绍了jquery轮播的实现方式，文中分享了jQuery轮播完整实例，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-07-07
最新评论