js组合键和单个键盘事件

文章目录

js 里面的键盘码对应的值
监听单个按键
监听组合键

js 里面的键盘码对应的值

内容过多，请移驾另一篇博文：
https://yangyongli.blog.csdn.net/article/details/118753001

监听单个按键

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head><body><script type = "text/javascript" language = JavaScript charset = "UTF-8" >document.onkeydown=function(event) {var e = event || window.event || arguments.callee.caller.arguments[0];if (e && e.keyCode == 27) { // 按 Esc//要做的事情console.log('按下了Esc');}if (e && e.keyCode == 113) { // 按 F2//要做的事情console.log('按下了F2');}if (e && e.keyCode == 13) { // enter 键//要做的事情console.log('按下了enter');}};</script></body></html>

监听组合键

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head><body><script>//快捷键调用  // type:双组合键事件，可选alt、shift、 ctrl 如不是三个参数之一则为单键事件// keycode:键盘对应的值// callback:回调函数// dom: 给某元素添加事件，默认为documentfunction callspeedykey(type, keycode, callback, dom) {var dom = dom == undefined ? document : document.getElementById(dom);console.log(dom)dom.onkeydown = function (event) {var e = event || window.event || arguments.callee.caller.arguments[0];if (type == 'shift') {if (e && e.keyCode == keycode && e.shiftKey) {callback('shift');};} else if (type == 'alt') {if (e && e.keyCode == keycode && e.altKey) {callback('alt');};} else if (type == 'ctrl') {if (e && e.keyCode == keycode && e.ctrlKey) {callback('ctrl');};} else {if (e && e.keyCode == keycode) {callback('enter');};};};};function callback(type) {console.log(type);console.log('组合键'+type+'与enter');};callspeedykey('alt', '13', callback)</script>
</body></html>

js组合键和单个键盘事件相关推荐

C# 如何捕获键盘按钮和组合键以及KeyPress/KeyDown事件之间的区别（附KeyChar/KeyCode值）
1. 首先将窗口属性KeyPreview设为true,如果属性对话框中找不到,就直接在代码里添加: 2. 添加KeyPress / KeyDown事件: 1.KeyPress 和KeyDown .K ...
js 屏蔽原生鼠标和键盘事件
屏蔽键盘事件原理:给触发按键的事件做判断,当按下的keyCode为指定keyCode时,使此次按键事件失效. 特定事件屏蔽键盘事件: // html <input type="text ...
JS组合键如何实现？
效果:只有ctrl+回车键才能将input里的值传到下边 CSS部分: div{background-color: red;margin-top: 5px;} HTML+JS部分: <input ...
JS：打字游戏_键盘事件监听
1. 打字游戏屏幕随机出现字母或数字用户按下键盘,屏幕显示回答正确与否当用户按下ESC时游戏结束 <!DOCTYPE html> <html lang="en&quo ...
js 组合键按键操作
// 监听按键 document.addEventListener("keydown", this.aa()); // 简单示例 function aa(e) {e = windo ...
原生JS【fiveKeyPress】2秒内五次点击键盘任意键（或组合键）触发自定义事件（以Pause/Break键为例）
看文章之前来一个热身吧[JavaScript键码表]身为一个键盘侠,不搞清楚键码映射表怎么可以???_你挚爱的强哥(http://www.shuzhiqiang.com)-CSDN博客keycode ...
【fiveKeyPress】2秒内五次点击键盘任意键（或组合键）触发自定义事件（以Pause/Break键为例）
看文章之前来一个热身吧[JavaScript键码表]身为一个键盘侠,不搞清楚键码映射表怎么可以???_你挚爱的强哥(http://www.shuzhiqiang.com)-CSDN博客keycode ...
【前端 HTML+CSS+JavaScript(JS)】DOM练习-onkeydown键盘事件-用wasd移动图片的位置带注释/总结
效果: 代码: <!DOCTYPE html> <html><head><meta charset="utf-8"><titl ...
python 模拟键盘输入组合键_Python 模拟键盘输入
Python 模拟键盘输入,留着备用. #coding=utf-8 import win32gui,win32api,win32con import time import threading def ...

js组合键和单个键盘事件

文章目录

js 里面的键盘码对应的值

监听单个按键

监听组合键

js组合键和单个键盘事件相关推荐

最新文章

热门文章