当前位置:首页 > 日记 > 正文

jquery 键盘事件的使用方法详解

jquery 键盘事件的使用方法详解

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();  }) ;

如有疑问请留言或者到本站社区交流讨论,大家共同进步,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

相关文章

微信小程序 获取javascript 里的数

微信小程序 获取javascript 里的数

数据,程序,电脑软件,微信小,javascript,微信小程序 获取javascript 里的数据wxml如何获取js里的数据例:wxml里:<text id="twl">{{txt}}</text>通过上面的{{txt}}可以对应获取js里data下定义的txt的值js里:data: { txt:{} }首先在data里定…

Excel中2010版进行单元格转换成的

Excel中2010版进行单元格转换成的

操作技巧,转换成,单元格,操作步骤,图片,  Excel中怎么将单元格转换成图片,具体该怎么去进行操作的呢?今天,小编就教大家在Excel中2010版进行单元格转换成图片的操作技巧。Excel中2010版进行单元格转换成图片的操作步骤进入EXCEL2010,打开一…

jQuery遮罩层实例讲解

jQuery遮罩层实例讲解

遮罩层,实例,电脑软件,jQuery,本文实例为大家分享了jQuery遮罩层展示的具体代码,供大家参考,具体内容如下1.1 背景半透明遮罩层样式需要一个黑色(当然也可以其他)背景,且须设置为绝对定位,以下是项目中用到的css样式:/* 半透明的遮罩层 */#overlay…

详解Node.js中exports和module.exp

详解Node.js中exports和module.exp

详解,区别,电脑软件,Node,exports,今天看了下node.js的require方法的源码,终于搞清楚exports和module.exports的区别了。我们知道,node.js的模块暴露有两种方法。1. 方式一:用exports//a.js exports.log =function (str) { console.log(str);…

轻松理解JavaScript闭包

轻松理解JavaScript闭包

闭包,轻松,电脑软件,JavaScript,摘要闭包机制是JavaScript的重点和难点,本文希望能帮助大家轻松的学习闭包一、什么是闭包?闭包就是可以访问另一个函数作用域中变量的函数。下面列举出常见的闭包实现方式,以例子讲解闭包概念function f1(){ …

Indesign怎么转曲文字并高清打印?

Indesign怎么转曲文字并高清打印?

文字,技巧,电脑软件,Indesign,高清,Indesign排版好的文件如果直接打印会出现打印不清晰的问题,需要将文字转曲并导出为pdf文件,下面我们就来看看详细的教程。软件名称:Adobe InDesign CC 2017 v12.0.0 中文破解版(附破解补丁) 32位软件大小:748…

基于input框覆盖掉数字英文的实例

基于input框覆盖掉数字英文的实例

覆盖,数字,英文,实例,电脑软件,例子1:<input type="text" value="0" onkeyup="cleartwoNum(this)">//限制input框输入只能数字:function cleartwoNum(obj) { obj.value = obj.value.replace(/[^\d]/g, '');}例子2:可以输入金额<inp…

详解webpack+vue-cli项目打包技巧

详解webpack+vue-cli项目打包技巧

项目打包,详解,技巧,电脑软件,cli,1.设置config文件夹index.js中productionSourceMap的值为false,也就是设置webpack配置中devtool为false,打包后文件体积可以减少百分之八十!!!!!!! 2.如何实现打包文件中js、css等的版本控制?设置build文件夹下的web…

Visual studio 2017添加引用时报错

Visual studio 2017添加引用时报错

加载,解决方法,引用,时报,正确,最近新装了2017,开始前几天还好,可是最近在添加引用时,报错---------------------------Microsoft Visual Studio---------------------------未能正确加载“ReferenceManagerPackage”包。此问题可能是因配置更…

Photoshop制作中国风意境的水墨建

Photoshop制作中国风意境的水墨建

国风,水墨,建筑物,意境,电脑软件,今天为大家分享Photoshop制作中国风意境的水墨建筑物图方法,教程很不错,制作出来的效果很有意境,非常值得大家学习,推荐到,一起来学习吧!先看看效果图1、首先我们把素材文件拖拽进PS,按CTRL+J复制一层2、我们选择…

udp协议简介_动力节点Java学院整理

udp协议简介_动力节点Java学院整理

节点,学院,协议,动力,简介,1.UDP简要介绍UDP是传输层协议,和TCP协议处于一个分层中,但是与TCP协议不同,UDP协议并不提供超时重传,出错重传等功能,也就是说其是不可靠的协议。2.UDP协议头UDP端口号由于很多软件需要用到UDP协议,所以UDP协议必须通…

ps怎么设置水平翻转和垂直反转的快

ps怎么设置水平翻转和垂直反转的快

设置,快捷键,反转,电脑软件,ps,很多人知道用photoshop可以设计图片,但是忽略了快捷键的快捷便利。小编在这里教你如何设置水平翻转和垂直反转的快捷键,如图所示,同一张图,快捷键快速切换就做到。软件名称:Adobe Photoshop 8.0 中文完整绿色破解…