JS 获取和响应键盘按键事件

场景：

页面中需要设置快捷键。

下面Demo是组合按键按下事件，可直接使用，单个按键响应事件，只需要将 if 中的按键值更改至需要的键位即可，该例子引用百度静态库的jquery资源，需要在联网环境下运行。

<%@ page language="java" contentType="text/html; charset=utf-8"pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>监听键盘按键Demo</title>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){document.onkeydown = function(){var oEvent = window.event;if (oEvent.ctrlKey && oEvent.altKey && oEvent.keyCode ==77) {alert("刚刚按下的是 ctrl + alt + m 组合键");}}
});
</script>
</head>
</html>

Jquery 键盘事件：

1. keydown():

按键按下时，会触发该事件；

2. keyup();

按键按下松开时，会触发该事件；

3. keypress();

敲击按键时触发，我的理解是对同一个键按下，马上放开。

使用：

$(document).keydown(function(e){ console.log(e.keyCode);  //获取当前按键的键码
});

获取到键码，我们就可以做对应的逻辑判断了。

$(document).keydown(function(event){ var e = event || window.event; var k = e.keyCode || e.which; switch(k) { case 37: //… break; case 39: //… break; } return false;
})

常用的键盘事件对应的键码：

keyCode 8 = BackSpace BackSpace
keyCode 9 = Tab Tab
keyCode 12 = Clear
keyCode 13 = Enter
keyCode 16 = Shift_L
keyCode 17 = Control_L
keyCode 18 = Alt_L
keyCode 19 = Pause
keyCode 20 = Caps_Lock
keyCode 27 = Escape Escape
keyCode 32 = space
keyCode 33 = Prior
keyCode 34 = Next
keyCode 35 = End
keyCode 36 = Home
keyCode 37 = Left
keyCode 38 = Up
keyCode 39 = Right
keyCode 40 = Down
keyCode 41 = Select
keyCode 42 = Print
keyCode 43 = Execute
keyCode 45 = Insert
keyCode 46 = Delete
keyCode 47 = Help
keyCode 48 = 0 equal braceright
keyCode 49 = 1 exclam onesuperior
keyCode 50 = 2 quotedbl twosuperior
keyCode 51 = 3 section threesuperior
keyCode 52 = 4 dollar
keyCode 53 = 5 percent
keyCode 54 = 6 ampersand
keyCode 55 = 7 slash braceleft
keyCode 56 = 8 parenleft bracketleft
keyCode 57 = 9 parenright bracketright
keyCode 65 = a A
keyCode 66 = b B
keyCode 67 = c C
keyCode 68 = d D
keyCode 69 = e E EuroSign
keyCode 70 = f F
keyCode 71 = g G
keyCode 72 = h H
keyCode 73 = i I
keyCode 74 = j J
keyCode 75 = k K
keyCode 76 = l L
keyCode 77 = m M mu
keyCode 78 = n N
keyCode 79 = o O
keyCode 80 = p P
keyCode 81 = q Q at
keyCode 82 = r R
keyCode 83 = s S
keyCode 84 = t T
keyCode 85 = u U
keyCode 86 = v V
keyCode 87 = w W
keyCode 88 = x X
keyCode 89 = y Y
keyCode 90 = z Z
keyCode 96 = KP_0 KP_0
keyCode 97 = KP_1 KP_1
keyCode 98 = KP_2 KP_2
keyCode 99 = KP_3 KP_3
keyCode 100 = KP_4 KP_4
keyCode 101 = KP_5 KP_5
keyCode 102 = KP_6 KP_6
keyCode 103 = KP_7 KP_7
keyCode 104 = KP_8 KP_8
keyCode 105 = KP_9 KP_9
keyCode 106 = KP_Multiply KP_Multiply
keyCode 107 = KP_Add KP_Add
keyCode 108 = KP_Separator KP_Separator
keyCode 109 = KP_Subtract KP_Subtract
keyCode 110 = KP_Decimal KP_Decimal
keyCode 111 = KP_Divide KP_Divide
keyCode 112 = F1
keyCode 113 = F2
keyCode 114 = F3
keyCode 115 = F4
keyCode 116 = F5
keyCode 117 = F6
keyCode 118 = F7
keyCode 119 = F8
keyCode 120 = F9
keyCode 121 = F10
keyCode 122 = F11
keyCode 123 = F12
keyCode 124 = F13
keyCode 125 = F14
keyCode 126 = F15
keyCode 127 = F16
keyCode 128 = F17
keyCode 129 = F18
keyCode 130 = F19
keyCode 131 = F20
keyCode 132 = F21
keyCode 133 = F22
keyCode 134 = F23
keyCode 135 = F24
keyCode 136 = Num_Lock (数字锁定键)

JS 获取和响应键盘按键事件相关推荐

C#学习笔记：利用System,EventArgs实现委托，响应键盘按键事件
参考书目:C#6.0学习笔记--从第一行C#代码到第一个项目设计(作者周家安)P96 学习目的:掌握System,EventArgs实现委托的方法,响应键盘按键事件.捕捉用户的键盘输入,然后触发Key ...
html鼠标键弹起事件,js鼠标按键事件和键盘按键事件用法实例汇总
本文实例讲述了js鼠标按键事件和键盘按键事件用法.分享给大家供大家参考,具体如下: keydown,keyup,keypress:属于你的键盘按键 mousedown,mouseup:属于你的鼠标按键 ...
Swift macOS NSTextField 响应键盘按键 Enter 回车键，或者其它按键
Swift macOS NSTextField 响应键盘按键 Enter 回车键,或者其它按键需求举例子演示,需要实现这样的功能: 在第一个输入框按回车时,光标跳入第二个输入框,在第二个输入框中按 ...
Vue.js 学习笔记十自定义按键事件
<div id="divApp"><input type="text" v-on:keyup=& ...
android 模拟点击不发出声音,【Android】代码实现模拟屏幕点击和键盘按键事件...
最近参加某比赛写了一个Android手机控制Android电视的程序,其中需要控制电视端模拟"鼠标"点击,和模拟按键盘的事件. 下面直接贴上程序: // 模拟屏幕点击事件 publ ...
【Android】代码实现模拟屏幕点击和键盘按键事件
最近参加某比赛写了一个Android手机控制Android电视的程序,其中需要控制电视端模拟"鼠标"点击,和模拟按键盘的事件. 下面直接贴上程序: /*** 触发屏幕点击事件* @ ...
javascript模拟键盘按键事件，支持最新DOM3标准（Chrome亲测）。
需求打算在页面中自动填写账号密码,直接给文本框input元素赋值的方式无法触发键盘事件,导致数据不能提交(特殊的场景). 所以改用javascript的模拟按键事件,但是UIEvent.initUI ...
JS 监听键盘按键事件以Enter键为例子
实现的功能是用手按键盘Enter键达到点击 js的button确定按钮同样的效果其中js主要代码如下,写在<script></script>里面. keyCode==1 ...
js鼠标按键事件和键盘按键事件用法实例汇总
http://blog.csdn.net/xiaoya_syt/article/details/69951398 转载于:https://www.cnblogs.com/xiaobai-y/p/696 ...

JS 获取和响应键盘按键事件

JS 获取和响应键盘按键事件相关推荐

最新文章

热门文章