最简易的js的按键组合

最简易的按键组合：

A => 触发a

B => 触发b

A+B => 触发a+b
松开 B => 不触发b，a继续触发
再按下 B => 触发b，持续触发a+b

代码如下：

class Timer {
constructor(name) {
this.$name = name;
this.$timer = null;
}
start() {
this.$timer = setInterval(() => {
console.log(this.$name, Date.now());
}, 100);
}
end() {
if (this.$timer) {
clearInterval(this.$timer);
this.$timer = null;
}
}
}
var keys = {};
document.addEventListener("keydown", (event) => {
if (keys[event.key]) return;
keys[event.key] = new Timer(event.key);
keys[event.key].start();
});
document.addEventListener("keyup", (event) => {
if (!keys[event.key]) return;
keys[event.key].end();
delete keys[event.key];
});

逻辑来源，前端小武！

最简易的js的按键组合相关推荐

js检测键盘组合键，禁止F12
js检测键盘组合键ctrl+p js检测键盘组合键ctrl+d js检测键盘组合键ctrl+s js禁止F12 体验地址:点击在线体验 <!DOCTYPE html> <html l ...
js控制键盘按键(回车、空格)
js控制键盘按键(回车.空格) <script type="text/javascript">$(function(){ $(document).keypress(fu ...
JS偏函数、组合函数、缓存函数
JS偏函数.组合函数.缓存函数一.JavaScript代码 [附件]/functools.js (function( window ) { "use strict"; var f ...
linux暂停进程运行的按键组合是,Linux基础命令（五）：进程——ps、top、jobs、bg、fg、kill、killall、shutdown...
目录进程查看进程用 top 命令动态查看进程(相当于任务管理器) 中断进程把进程放置到后台执行进程返回到前台执行 (暂时)停止进程信号通过kill命令给进程发送信号通过 killall ...
node js 写按键精灵_带有按键的Node.js Raw模式
node js 写按键精灵 I find the stuff that people are doing with Node.js incredibly interesting. You here ...
【python】70行代码，实现 GTA侠盗猎车按键组合触发作弊码。附源码及效果图
[python]实现GTA侠盗猎车通过按键组合触发作弊码引言实现效果代码源码下载链接引言众所周知,GTA中的作弊码不需要输入框. 只需要通过键盘输入特定的组合,即可触发效果. 实现效果任 ...
猿人学题库第二题——简易动态js加密解析
猿人学题库第二题--简易动态js加密解析 1. 首先进入浏览器的开发者工具, 进入后会有个无线debugger,过掉无线debugger模式,鼠标右击选择 never pause here,过 ...
js数组随机排列组合
js数组随机排列组合 function combine(i, results, res) {//排列组合var wordList = [[1,2],[3,4]]if(wordList.length = ...
【JS继承】JS继承之组合继承
自我介绍:大家好,我是吉帅振的网络日志:微信公众号:吉帅振的网络日志:前端开发工程师,工作4年,去过上海.北京,经历创业公司,进过大厂,现在郑州敲代码. JS继承专栏 1[JS继承]什么是JS继承? ...

最简易的js的按键组合

最简易的js的按键组合相关推荐

最新文章

热门文章