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();
}) ;
如有疑问请留言或者到本站社区交流讨论，大家共同进步，感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！
相关文章
放大镜效果想必大家都有见到过吧，就是图片的局部放大，下面有个不错的这个放大镜的代码挺简单滴效果也不错，感兴趣的朋友可以练练手2013-11-11
这篇文章主要介绍了jquery如何实现点击消失,需要的朋友可以参考下2014-03-03
这篇文章主要为大家详细介绍了jQuery利用键盘上下键移动表格内容，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-02-02
jQuery倒计时插件，主要用来限时购买，需要的朋友可以参考下。2011-05-05
这篇文章主要介绍了jquery预加载图片的方法,涉及jQuery操作图片的相关技巧,需要的朋友可以参考下2015-05-05
如何在页面上同时使用 jQuery 和其他框架？2013-04-04
这篇文章主要介绍了JQuery中extend怎么使用,需要的朋友可以参考下2014-03-03
这篇文章主要为大家详细介绍了jquery树形插件zTree高级使用教程，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-08-08
深入浅析ng-bootstrap 组件集中 tabset 组件的实现分析
这篇文章主要介绍了ng-bootstrap 组件集中 tabset 组件的实现分析 ,本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下2019-07-07
下面小编就为大家带来一篇jQuery页面加载初始化的几种方法(推荐)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-06-06
最新评论