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实现简单实用的轮播器
May 23 jQuery
jquery处理checkbox(复选框)是否被选中实例代码
Jun 12 jQuery
springmvc接收jquery提交的数组数据代码分享
Oct 28 jQuery
jQuery实现切换隐藏与显示同时切换图标功能
Oct 29 jQuery
jquery写出PC端轮播图实例
Jan 26 jQuery
jquery+css3实现熊猫tv导航代码分享
Feb 12 jQuery
JQuery选中select组件被选中的值方法
Mar 08 jQuery
JQuery Ajax动态加载Table数据的实例讲解
Aug 09 jQuery
jquery ajax加载数据前台渲染方式 不用for遍历的方法
Aug 09 jQuery
jQuery实现基本动画效果的方法详解
Sep 06 jQuery
JavaScript前端页面搜索功能案例【基于jQuery】
Jul 10 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环境配置 php5 mysql5 apache2 phpmyadmin安装与配置
2006/11/17 PHP
php中支持多种编码的中文字符串截取函数!
2007/03/20 PHP
PHP实现冒泡排序的简单实例
2016/05/26 PHP
ThinkPHP实现更新数据实例详解(demo)
2016/06/29 PHP
PHP写的简单数字验证码实例
2017/05/23 PHP
TP5框架实现一次选择多张图片并预览的方法示例
2020/04/04 PHP
Laravel配合jwt使用的方法实例
2020/10/25 PHP
javascript动态向网页中添加表格实现代码
2014/02/19 Javascript
js 赋值包含单引号双引号问题的解决方法
2014/02/26 Javascript
通过JS来动态的修改url,实现对url的增删查改
2014/09/01 Javascript
JavaScript实现继承的4种方法总结
2014/10/16 Javascript
javascript模拟map输出与去除重复项的方法
2015/02/09 Javascript
JavaScript实现数组随机排序的方法
2015/06/26 Javascript
sso跨域写cookie的一段js脚本(推荐)
2016/05/25 Javascript
JS实现按钮颜色切换效果
2020/09/05 Javascript
vue 父组件调用子组件方法及事件
2018/03/29 Javascript
jstree中的checkbox默认选中和隐藏示例代码
2019/12/29 Javascript
Vue实现附件上传功能
2020/05/28 Javascript
[43:33]EG vs Spirit Supermajor 败者组 BO3 第一场 6.4
2018/06/05 DOTA
python字符串对其居中显示的方法
2015/07/11 Python
Python 合并多个TXT文件并统计词频的实现
2019/08/23 Python
Flask中endpoint的理解(小结)
2019/12/11 Python
使用python自动追踪你的快递(物流推送邮箱)
2020/03/17 Python
django rest framework 自定义返回方式
2020/07/12 Python
利用HTML5实现使用按钮控制背景音乐开关
2015/09/21 HTML / CSS
白宫黑市官网:White House Black Market
2016/11/17 全球购物
国际性能运动服装品牌:Dare 2b
2018/07/27 全球购物
德国家用电器购物网站:Premiumshop24
2019/08/22 全球购物
社区健康教育实施方案
2014/03/18 职场文书
2015年秋季小学开学典礼主持词
2015/07/16 职场文书
孙振耀退休感言
2015/08/01 职场文书
大学生受助感言
2015/08/01 职场文书
早恋主题班会
2015/08/14 职场文书
梳理总结Python开发中需要摒弃的18个坏习惯
2022/01/22 Python
前端实现滑动按钮AJAX与后端交互的示例代码
2022/02/24 Javascript
Python开发五子棋小游戏
2022/05/02 Python