【fiveKeyPress】2秒内五次点击键盘任意键（或组合键）触发自定义事件（以Pause/Break键为例）

看文章之前来一个热身吧[JavaScript键码表]身为一个键盘侠，不搞清楚键码映射表怎么可以？？？_你挚爱的强哥(http://www.shuzhiqiang.com)-CSDN博客keycode 0 =keycode 1 =keycode 2 =keycode 3 =keycode 4 =keycode 5 =keycode 6 =keycode 7 =keycode 8 = BackSpacekeycode 9 = Tabkeycode 10 =keycode 11 =keycode 12 = Clearkeycode 13 = Enterkeycode 14 =keycode 15 =keycode 16 = Shift_Lkeycode 17.https://blog.csdn.net/qq_37860634/article/details/120446294

<!doctype html>
<html lang="en">
<head><meta charset="UTF-8">
</head>
<body>
</body>
<script>var multiKeyPress = {keyPressTimes: 0,// 2秒内5连击（默认）________________________trigger(multiKeyPressCallback,singleClickCallback,maxTimes = 5,time = 2000) {this.keyPressTimes || (this.keyPressTimes = 0);++this.keyPressTimes >= maxTimes &&(multiKeyPressCallback && multiKeyPressCallback(),singleClickCallback || (this.keyPressTimes = 0));this.keyPressTimes === 1 &&setTimeout(() => {this.keyPressTimes < maxTimes &&singleClickCallback &&singleClickCallback(); //执行单击键盘or少于maxTimes次数的点击this.keyPressTimes = 0;}, time);}};/*设置快捷键*/onkeyup = e => {var k = e.keyCode || e.which || e.charCode, ck = e.ctrlKey || e.metaKey, ak = e.altKey, sk = e.shiftKey;/*独立键*/if (k === 19) {/*按下Pause/Break键时候执行*/multiKeyPress.trigger(() => {// 双击键盘alert(`【更新时间】${versionTime}\n（注意校对是否已发布最新代码）`);},() => {// 单击键盘console.count();console.log("单击Pause/Break键");}, 2, 300);}};var versionTime='2021年01月01日 00:00:00';
</script>
</html>

【fiveKeyPress】2秒内五次点击键盘任意键（或组合键）触发自定义事件（以Pause/Break键为例）相关推荐

原生JS【fiveKeyPress】2秒内五次点击键盘任意键（或组合键）触发自定义事件（以Pause/Break键为例）
看文章之前来一个热身吧[JavaScript键码表]身为一个键盘侠,不搞清楚键码映射表怎么可以???_你挚爱的强哥(http://www.shuzhiqiang.com)-CSDN博客keycode ...
【longPressKey】长按键盘任意键（或组合键）3秒触发自定义事件（以Pause/Break键为例）
<!doctype html> <html lang="en"> <head><meta charset="UTF-8" ...
原生js实现【longPressKey】长按键盘任意键（或组合键）3秒触发自定义事件（以Pause/Break键为例）
<!doctype html> <html lang="en"> <head><meta charset="UTF-8" ...
【calendar日历组件】elementul的日历组件点击拿到对应的日期或者触发某些事件
elementul的日历组件文档没有写方法,文档很少,很多人一开始看是懵的.所以记录一下做法图片代码思路:通过监听value的变化拿到对应的日期,同时可以根据这个监听触发对应的方法. <t ...
html 点击文本框则选中,JS事件内容选中事件（onselect）选中事件，当文本框或者文本域中的文字被选中时，触发onselect事件，同时调用的程序就会被执行。...
内容选中事件(onselect) 选中事件,当文本框或者文本域中的文字被选中时,触发onselect事件,同时调用的程序就会被执行. 如下代码,当选中用户文本框内的文字时,触发onselect 事件, ...
【fiveClick】2秒内5连击（五连击）vue事件自定义、双击自定义、任意次连击
// 2秒内5连击(默认)________________________multiClick(multiClickCallback,singleClickCallback,maxTimes = 5, ...
JS点击获取验证码后60秒内禁止重新获取（防刷新）
JS点击获取验证码后60秒内禁止重新获取(防刷新) 参考 · 阅读文章: JS实现发送短信验证后按钮倒计时功能(防止刷新倒计时失效) 注意: 场景:在登录页点击发送啊验证码按钮,开始进入倒计时,在第3 ...
原生js实现如下效果：一个按钮，点击它会弹出对话框，但5秒内再点击不会再弹出对话框。5秒后恢复正常。
原生js实现如下效果: 一个按钮,点击它会弹出对话框,但5秒内再点击不会再弹出对话框.5秒后恢复正常. 第一种方式: 使用函数节流的方式(就是设置一个变量,来一个判断语句,判断这个变量的值.为真或假执 ...
一. button按钮防止重复点击（5秒内设置点击一次）
在用户使用 Android 应用的时候,经常会出现过快且多次点击同一按钮的情况,一方面这是因为应用或手机当前有些卡顿,另一方面也可能是由于很多应用并没有设置按钮点击时的 selector 或者其它按钮 ...

【fiveKeyPress】2秒内五次点击键盘任意键（或组合键）触发自定义事件（以Pause/Break键为例）

【fiveKeyPress】2秒内五次点击键盘任意键（或组合键）触发自定义事件（以Pause/Break键为例）相关推荐

最新文章

热门文章