一. 按下某个键

document.addEventListener('keydown',e => {console.log(e.key,'key==');
})

二. 按下ctrl,shift,alt加任意键

document.addEventListener('keydown',e => {// 用ctrlKey,shiftKey,altKey的值来监听是否按下了这三个键,true表示按下了,false表示没有按下if(e.key == 'a' && e.ctrlKey){console.log(e.key,'key==');}
})

三. 按下任意组合键

// 以按下a,b,p三个键为例,无所谓先后顺序
let tempSrt = ''
const pressArr = ['abp','apb','bap','bpa','pab','pba']
// 监听键盘按下
document.addEventListener('keydown', e => {if(!tempStr.includes(e.key)){tempStr += e.keyif(pressArr.includes(tempStr)){console.log(tempStr,'tempStr===');}}
})// 监听键盘抬起,抬起的时候删除这个key
document.addEventListener('keyup', e => {tempStr = tempStr.replace(e.key,'')
})

分享如何监听按下键盘任意组合键相关推荐

  1. JavaGUI编程 -- 窗口监听事件和键盘监听事件(AWT)

    1. JavaGUI编程之窗口监听事件和键盘监听事件(AWT) 1.1 窗口监听事件: 示例代码: package GUI.TestWindow;import java.awt.*; import j ...

  2. python监听鼠标事件_Python中使用PyHook监听鼠标和键盘事件实例

    Python 中使用 PyHook 监听鼠标和键盘事件实例 PyHook 是一个基于 Python 的"钩子"库,主要用于监 听当前电脑上鼠标和键盘的事件.这个库依赖于另一个 Py ...

  3. python监听键盘输入_Python监听模拟鼠标键盘

    1.监听鼠标和键盘的输入 from pynput import keyboard,mouse def on_press(key): print('alphanumeric key {0} presse ...

  4. Android监听系统输入法键盘弹出显示与隐藏事件

    Android监听系统输入法键盘弹出显示与隐藏事件 有时候需要监听Android系统输入法的弹出显示事件,比如:微信聊天时,不管你当前在聊天中的什么位置(上滑查看消息历史),每当你点击输入框时,都会自 ...

  5. linux c/c++监听鼠标或键盘事件

    linux c/c++监听鼠标或键盘事件 1.输入设备在文件/proc/bus/input/devices中,如: 其中Handlers=kbd event2,说明其值可以在/dev/input文件夹 ...

  6. uni-app 监听移动端的物理返回键

    监听移动端的物理返回键: methods: { }, onBackPress(options) {            console.log("用户按下物理返回键"); }, ...

  7. Vue监听浏览器前进后退物理返回键(浏览器自带的)

    Vue监听浏览器前进后退物理返回键 在某些需求下要监听用户物理按键. popstate事件只会在页面不跳转的情况下,路由发生变化触发. created() { // 创建vm实例后执行// 浏览器控制 ...

  8. Android中监听电源键长按、Home键、Home键长按

    Android中监听"电源键长按"."Home键"."Home键长按" 这几个"按钮"的触发,都会产生一个Action ...

  9. Android监听是否点击了home键或者锁屏键

    public class MainActivity extends Activity {@Overrideprotected void onCreate(Bundle savedInstanceSta ...

最新文章

  1. 我这样写代码,比直接使用 MyBatis 效率提高了 100 倍
  2. 一图解明Android Studio项目文件结构各部分作用
  3. 2022校招百度提前批校园招聘
  4. android 捕捉home键
  5. php数组循环转为对象,php中循环实现(字符串,对象,或者数组)编码相互转换
  6. mysql导入的sql文件导入到哪里了_mysql导入导出sql文件
  7. 前端架构最全总结——GUI 应用程序架构的十年变迁:MVC、MVP、MVVM、Unidirectional、Clean...
  8. FIT2CLOUD混合云管理平台实现可扩展架构升级
  9. 百度离线地图开发教程
  10. dxf制作kml_kml到dxf
  11. HandBrake 开源视频转码器、编码转换器、格式转换器
  12. Koo叔说Shader—最基本的Shader
  13. linux安装教程黑屏,解决SUSE Linux安装黑屏
  14. 360商城页面练习(html+css+js)
  15. WINVNC Server详解
  16. c++封装webrtc sdk(二):在sdk端实现webrtc视频渲染
  17. 云脉文档管理小程序轻松解决文档管理难题
  18. win10文件夹加密_纯UEFI电脑安装Win10 LTSB做全分区加密
  19. photoshop进行景深合成
  20. STM32F103移植uCOS-III

热门文章

  1. 海淀区计算机知识技能竞赛,海淀区计算机知识技能竞赛复习题.doc
  2. flex布局(弹性盒子二)
  3. 《SpringCloud》笔记二:项目导入
  4. bibtex到bibitem的转换的超详细教程(获取参考文献的bibitem)
  5. 怎么后台运行jar包
  6. java数组求子集_回溯算法:求子集问题!
  7. CentOS使用Xstart远程图形桌面
  8. Android之Apk加固
  9. linux的 /home ,home/ ,/home/ 的区别
  10. 数据结构——哈希查找的实现(C语言)