使用JS监听键盘按下事件(keydown event)
1、监听全局键盘按下事件,例如监听全局回车事件
$(document).keydown(function(event){ if(event.keyCode == 13){ alert('你按下了Enter'); } });
2、监听某个组件键盘按下事件,例如监听id为btn的button组件的回车按下事件
$("#btn").keydown(function(event){ if(event.keyCode==13){ alert('你按下了Enter'); } });
3、如果是要监听组合键,例如监听ctrl+c
$(document).keyup(function(event){ if(event.ctrlKey && event.keyCode==67){ alert('你按下了CTRL+C') } });
4、详细keyCode值列表
总结
以上所述是小编给大家介绍的使用JS监听键盘按下事件(keydown event),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对我们网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!
相关推荐
-
js监听键盘事件示例代码
复制代码 代码如下: <script type="text/javascript" language=JavaScript charset="UTF-8"> var isPiss=0; document.onkeydown=function(event){ var e = event || window.event || arguments.callee.caller.arguments[0]; if(e && e.keyCode==27
-
js监听键盘事件的方法_原生和jquery的区别详解
经常需要监听键盘的事件,以便做更好的操作,基本原理是:监听全局键盘,每一个键盘,当用户按下某一按键时,返回对应的键值,然后再判断用户按下了哪一科按键,键值对应按键的名称在最下面列出,自行比对.去以下介绍两种不同的方式 原生键盘监听事件:按下一次按键,分为三个过程,按下-按住-松开 onkeydown:某个键被按下 onkeypress:某个键盘的键被按下或按住 onkeyup:某个键盘的键被松开 使用方法,一般来说,键盘监听是直接在整个页面文档上进行监听的,也就是document上 以下是原生的
-
js和jquery实现监听键盘事件示例代码
项目中要监听键盘组合键CTRL+C,以便做出对应的响应.查了一些方法但是其兼容性和稳定性不是很高,最终得到如下方法,经测试在Firfox.Chrome.IE中均可以使用. 一.使用javascript实现 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script> function keyListener(e
-
使用JS监听键盘按下事件(keydown event)
1.监听全局键盘按下事件,例如监听全局回车事件 $(document).keydown(function(event){ if(event.keyCode == 13){ alert('你按下了Enter'); } }); 2.监听某个组件键盘按下事件,例如监听id为btn的button组件的回车按下事件 $("#btn").keydown(function(event){ if(event.keyCode==13){ alert('你按下了Enter'); } }); 3.如果是要监
-
jquery.hotkeys监听键盘按下事件keydown插件
jquery.hotkeys文件下载: http://xiazai.jb51.net/201405/yuanma/jquery_hotkeys(jb51.net).rar 参照了一下它的文档用法,我们可以这样使用: 复制代码 代码如下: <script src="jquery-1.4.1.min.js" type="text/javascript"></script> <script src="jquery.hotke
-
Python监听键盘和鼠标事件的示例代码
我们可以利用windows提供的api函数来实现对系统键盘事件和鼠标事件的监听,主要利用的是SetWindowsHookEx函数,这个函数可以允许调用者传入一个钩子函数也叫回调函数,当指定的事件发生时,你 传入的函数就会被触发,有些事件是进程级的,有些事件是系统级的,这里我们用WH_KEYBOARD_LL来监听系统键盘事件,用WH_MOUSE_LL来监听鼠标事件,注意不是WH_KEYBOARD,使用WH_KEYBOARD是无法监听到外部 程序的事件的,这个可以在windows官方文档里面看到说明
-
vue监听键盘事件的相关总结
按键修饰符 在监听键盘事件时,我们经常需要检查详细的按键.Vue 允许为 v-on 在监听键盘事件时添加按键修饰符: <!-- 只有在 `key` 是 `Enter` 时调用 `vm.submit()` --> <input v-on:keyup.enter="submit"> 你可以直接将 KeyboardEvent.key 暴露的任意有效按键名转换为 kebab-case 来作为修饰符. <input v-on:keyup.page-down=&quo
-
vue监听键盘事件的快捷方法【推荐】
在我们的项目经常需要监听一些键盘事件来触发程序的执行,而Vue中允许在监听的时候添加关键修饰符: <input v-on:keyup.13="submit"> 对于一些常用键,还提供了按键别名: <input @keyup.enter="submit"> <!-- 缩写形式 --> 全部的按键别名: .enter .tab .delete (捕获"删除"和"退格"键) .esc .s
-
vue 监听键盘回车事件详解 @keyup.enter || @keyup.enter.native
vue运行为v-on在监听键盘事件时,添加了特殊的键盘修饰符: <input v-on:keyup.13="submit"> vue还非常贴心地给出了常用按键的别名,这样就不必去记keyCode ~ ~ 上面代码,还可以在这样写: <input v-on:keyup.enter="submit"> <input @keyup.enter="submit"> 全部的键盘别名: .enter .tab .delet
-
JavaScript监听键盘事件代码实现
在写网页的时候,常常需要监听键盘事件,让我们来看看如何实现吧. 监听方式 键盘事件往往是全局监听,设监听的函数为keyboard(). keyup事件类型.该类型触发条件为按键按下去并松开. //长按并松开只触发一次 document.addEventListener('keyup', keyboard); document.onkeyup = keyboard; //记得不要加括号! keydown事件类型.该类型触发条件为按键按下去. //长按可以触发多次 document.addEvent
随机推荐
- js判断手机端(Android手机还是iPhone手机)
- AngularJS 验证码60秒倒计时功能的实现
- java进行error捕获和处理示例(java异常捕获)
- 详解iOS应用开发中autoresizing尺寸自动适应属性的用法
- HTML服务器控件和WEB服务器控件的区别和联系介绍
- 实现局部遮罩与关闭原理及代码
- javascript StringBuilder类实现
- linux下查看系统进程占用的句柄数方法
- python学习教程之Numpy和Pandas的使用
- Python自动生产表情包
- mysql 5.1版本修改密码及远程登录mysql数据库的方法
- php实现的Curl封装类Curl.class.php用法实例分析
- 微信小程序多张图片上传功能
- Powershell使用嵌套哈希表实例 嵌套哈希表的2种写法例子
- JS延迟加载加快页面打开速度示例代码
- python基础教程之循环介绍
- php生成与读取excel文件
- MYSQL的存储过程和函数简单写法
- Java并发系列之AbstractQueuedSynchronizer源码分析(独占模式)
- Java 中文字符按Unicode排序的实现方法