使用JS监听键盘两个组合键触发的事件




    Demo
   
   
     
只要你定义了这些键的动作,你在浏览器里按下这些键就会响应,兼容目前所有浏览器。


    



js 里面的键盘事件经常用到,所以收集了键盘事件对应的键码来分享下:
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
keyCode 137 = Scroll_Lock
keyCode 187 = acute grave
keyCode 188 = comma semicolon
keyCode 189 = minus underscore
keyCode 190 = period colon
keyCode 192 = numbersign apostrophe
keyCode 210 = plusminus hyphen macron
keyCode 211 =
keyCode 212 = copyright registered
keyCode 213 = guillemotleft guillemotright
keyCode 214 = masculine ordfeminine
keyCode 215 = ae AE
keyCode 216 = cent yen
keyCode 217 = questiondown exclamdown
keyCode 218 = onequarter onehalf threequarters
keyCode 220 = less greater bar
keyCode 221 = plus asterisk asciitilde
keyCode 227 = multiply division
keyCode 228 = acircumflex Acircumflex
keyCode 229 = ecircumflex Ecircumflex
keyCode 230 = icircumflex Icircumflex
keyCode 231 = ocircumflex Ocircumflex
keyCode 232 = ucircumflex Ucircumflex
keyCode 233 = ntilde Ntilde
keyCode 234 = yacute Yacute
keyCode 235 = oslash Ooblique
keyCode 236 = aring Aring
keyCode 237 = ccedilla Ccedilla
keyCode 238 = thorn THORN
keyCode 239 = eth ETH
keyCode 240 = diaeresis cedilla currency
keyCode 241 = agrave Agrave atilde Atilde
keyCode 242 = egrave Egrave
keyCode 243 = igrave Igrave
keyCode 244 = ograve Ograve otilde Otilde
keyCode 245 = ugrave Ugrave
keyCode 246 = adiaeresis Adiaeresis
keyCode 247 = ediaeresis Ediaeresis
keyCode 248 = idiaeresis Idiaeresis
keyCode 249 = odiaeresis Odiaeresis
keyCode 250 = udiaeresis Udiaeresis
keyCode 251 = ssharp question backslash
keyCode 252 = asciicircum degree
keyCode 253 = 3 sterling
keyCode 254 = Mode_switch
使用event对象的keyCode属性判断输入的键值
eg:if(event.keyCode==13)alert(“enter!”);
键值对应表
A  0X65  U   0X85
B  0X66  V   0X86
C  0X67  W   0X87
D  0X68  X   0X88
E  0X69  Y   0X89
F  0X70  Z   0X90
G  0X71  0   0X48
H  0X72  1   0X49
I  0X73  2   0X50
J  0X74  3   0X51
K  0X75  4   0X52
L  0X76  5   0X53
M  0X77  6   0X54
N  0X78  7   0X55
O  0X79  8   0X56
P  0X80  9   0X57
Q  0X81 ESC  0X1B
R  0X82 CTRL  0X11
S  0X83 SHIFT 0X10
T  0X84 ENTER 0XD

如果要使用组合键,则可以判断是否同时按下了这几个键,比如ctrl键、shift键以及alt键的组合使用就可以判断是否多按下了ctrl键、shift键以及alt键


++++++++++++++++++++++++++++++++++++++++++++++++++==

  • 77video.cn-102-Python+Django+Ansible Playbook自动化运维项目实战

    -
  • 77video.cn-085-python接口测试框架实战自动化进阶

    -
  • 77video.cn-054-Web自动化测试 Selenium基础到企业应用

    -
  • 77video.cn-013-安卓自动化测试入门 Python篇

    -
  • 77video.cn-013-Android自动化测试实战 Java篇 主流工具 框架 脚本

  • 77video.cn-114-系统学习Docker 践行DevOps理念

  • 小程序源码


    • 微信小游戏入门与实战 刷爆朋友圈

    • 微信小程序入门与实战 常用组件API开发技巧项目实战

    • 微信小程序入门与实战

    • 77video.cn-109-微信小游戏入门与实战 刷爆朋友圈

      -
    • 77video.cn-014-微信小程序入门与实战 常用组件API开发技巧项目实战

      -
    • 185套整站商城源码

      -
    • 185套商城源码

  • 77video.cn-070-看的见的算法 7个经典应用诠释算法精髓

  • 77video.cn-025-玩转算法面试 从真题到思维全面提升算法思维

  • 77video.cn-011-程序猿的内功修炼,学好算法与数据结构

  • 高可用技术之数据库分库分表

  • 77video.cn-081-Redis从入门到高可用,分布式实践

  • 77video.cn-014-高性能可扩展MySQL数据库设计及架构优化 电商项目

  • 77video.cn-004-MySQL性能管理与架构设计

  • 组件方式开发 Web App全站

  • 所向披靡的响应式开发

  • 手把手打造电商平台-前端

  • 前端资源

  • 前端攻城狮

  • 前端电子书

  • 前端成长必经之路

  • Vue
    • 最容易上手的vue2.0

    • vue.js饿了吗

    • 77video.cn-130-Vue2.5开发去哪儿网App 从零基础入门到实战项目

    • 77video.cn-122-Vue核心技术 Vue+Vue-Router+Vuex+SSR实战精讲

    • 77video.cn-053-开发微信全家桶项目Vue+Node+MongoDB高级技术全覆盖

    • 77video.cn-047-vue2.0+node.js+MongoDB全栈打造商城(完整版)

    • 77video.cn-041-全网稀缺Vue 2.0高级实战 独立开发专属音乐WebAPP


  • React
    • 贯穿全栈React Native开发App

    • React.js入门与实战 开发适配PC端及移动端新闻头条平台

    • React.js入门与实战

    • React Native开发跨平台Github App

    • 77video.cn-107-react16+react-router4 从零打造企业级电商后台管理系统

    • 77video.cn-091-Webpack + React全栈工程架构项目实战精讲

    • 77video.cn-080-redux+react router+nodejs全栈开发

    • 77video.cn-034-React高级实战 打造大众点评 WebApp


  • Node
    • Node.js微信公众号开发

    • 77video.cn-106-koa2框架从0开始构建预告片网站(完结)

    • 77video.cn-074-Node.js入门到企业Web开发中的应用

    • 77video.cn-030-Node.js项目线上服务器部署与发布

  • Angular
    • ionic2飞速上手的跨平台App开发

    • Angular单页应用 仿拉钩

    • AngularJS全栈开发知乎

    • 77video.cn-092-快速上手Ionic3 多平台开发企业级问答社区

    • 77video.cn-057-Angular 打造企业级协作平台

    • 77video.cn-029-Angular 4.0从入门到实战 打造股票管理网站


  • 96、跨平台混编框架 MUI 仿豆瓣电影 APP

  • 77video.cn-116-揭秘一线互联网企业 前端JavaScript高级面试

  • 77video.cn-098-四大维度解锁 Webpack 3.0 前端工程化

  • 77video.cn-093-全面系统讲解CSS 工作应用+面试一步搞定

  • 77video.cn-082-ES6+ 开发电商网站的账号体系 JS SDK

  • 77video.cn-063-让你页面速度飞起来 - Web前端性能优化

  • 77video.cn-061-前端跳槽面试必备技巧

  • 77video.cn-049-前端JavaScript面试技巧

  • 77video.cn-033-ES6零基础教学解析彩票项目

  • 77video.cn-009-6小时jQuery开发小应用


  • 77video.cn-005-响应式开发一招致胜

  • 77video.cn-001-WebApp书城整站开发

  • 高数 下

  • 高数 上
  • 77video.cn-100-基于Storm构建实时热力分布项目实战

  • 77video.cn-095-大牛亲授ElasticSearch搜房网实战
    下载
    -
  • 77video.cn-083-Spark Streaming实时流处理项目实战
    下载
    -
  • 77video.cn-062-十小时大数据入门
    下载
    -
  • 77video.cn-046-以慕课网日志分析为例 进入大数据 Spark SQL 的世界
  • 77video.cn-039-腾讯大牛教你web前后端漏洞分析与防御
    下载
    -
  • python强力Django 和杀手级xadmin
    下载
    -
  • Python3入门与进阶更快上手实际开发
    下载
    -
  • Python Flask高级编程
    下载
    -
  • 77video.cn-128-Python高级编程和异步IO并发编程(无密)(1)
    下载
    -
  • 77video.cn-117-OpenCV+TensorFlow 入门人工智能图像处理
    下载
    -
  • 77video.cn-112-Python3数据分析与挖掘建模实战
    下载
    -
  • 77video.cn-104-基于Python玩转人工智能最火框架 TensorFlow应用实践
    下载
    -
  • 77video.cn-096-Python3入门机器学习 经典算法与应用
    下载
    -
  • 77video.cn-086-Python3数据科学入门与实战
    下载
    -
  • 77video.cn-067-前后端分离开发Vue+Django REST framework 打造生鲜电商项目
    下载
    -
  • 77video.cn-058-Flask构建微电影视频网站
    下载
    -
  • 77video.cn-048-Python操作三大主流数据库
    下载
    -
  • 77video.cn-038-机器学习入门 Scikit-learn实现经典小案例
    下载
    -
  • 77video.cn-028-聚焦Python分布式爬虫必学框架Scrapy 打造搜索引擎
    下载
    -
  • 77video.cn-008-Python高效编程技巧实战
    下载
    -
  • 110、基于Python玩转人工智能最火框架 TensorFlow应用实践(官网更新中)
    下载
    -
  • 0969、Python高级编程和异步IO并发编程(无密)
  • thinkphp实战开发企业站
    下载
    -
  • thinkPHP5.0+小程序商城
    下载
    -
  • php从基础到原生开发
    下载
    -
  • PHP+Ajax+jQuery网站开发项目式教程
    下载
    -
  • ecshop3从基本到二次开发
    下载
    -
  • CSDN Phpcms二次开发_高洛峰
    下载
    -
  • 77video.cn-123-韩天峰力荐 Swoole入门到实战打造高性能赛事直播平台
    下载
    -
  • 77video.cn-078-PHP秒杀系统-高并发高性能的极致挑战(完整版)
    下载
    -
  • 77video.cn-069-PHP开发高可用高安全App后端
    下载
    -
  • 77video.cn-066-360大牛全面解读PHP面试
    下载
    -
  • 77video.cn-056-Nginx入门到实践 不管是运维还是开发 Nginx都是你的必备技能
    下载
    -
  • 77video.cn-055-PHP高性能 高价值的PHP API
    下载
    -
  • 77video.cn-045-Laravel快速开发简书网站
    下载
    -
  • 77video.cn-026-Thinkphp 5.0 仿百度糯米开发多商家电商平台
    下载
    -
  • 77video.cn-023-Yii 2.0高级组件优化京东电商平台
    下载
    -
  • 77video.cn-007-Yii 2.0开发一个仿京东商城平台
    下载
    -
  • 77video.cn-003-前端到后台ThinkPHP开发整站
  • Nginx从入门到实践
  • 77video.cn-084-快速上手Linux玩转典型应用
  • 慕课网职业路径 Java零基础入门
    下载
    -
  • Spring Boot技术栈博客企业前后端等多个文件
    下载
    -
  • Spring Boot
    下载
    -
  • Java Spring 技术栈构建前后台团购网站
    下载
    -
  • 77video.cn-124-Docker+Kubernetes(k8s)微服务容器化实践(无密完整9章)
    下载
    -
  • 77video.cn-121-ZooKeeper分布式专题与Dubbo微服务入门(无密完整10章)
    下载
    -
  • 77video.cn-121-Java并发编程与高并发解决方案(完整无密)
    下载
    -
  • 77video.cn-115-springcloud微服务
    下载
    -
  • 77video.cn-105-从天气项目看Spring Cloud微服务治理
    下载
    -
  • 77video.cn-101-Java深入微服务原理改造房产销售平台
    下载
    -
  • 77video.cn-097-Java秒杀系统方案优化 高性能高并发实战
    下载
    -
  • 77video.cn-090-Java企业级电商项目架构演进之路 Tomcat集群与Redis分布式
    下载
    -
  • 77video.cn-079-Java开发企业级权限管理系统
    下载
    -
  • 77video.cn-075-ssm到spring boot 从零开发校园商铺
    下载
    -
  • 77video.cn-068-Spring Security开发企业级认证与授权
    下载
    -
  • 77video.cn-064-Google面试官亲授java面试
    下载
    -
  • 77video.cn-050-Java SSM快速开发仿慕课网在线教育平台
    下载
    -
  • 77video.cn-040-IT段子手详解MyBatis遇到Spring 秒学Java SSM开发大众点评
    下载
    -
  • 77video.cn-031-Java大牛 带你从0到上线开发企业级电商项目
    下载
    -
  • 119.最全面的Java接口自动化测试实战
  • 77video.cn-118-基于Golang协程实现流量统计系统
    下载
    -
  • 77video.cn-108-Google资深工程师深度讲解Go语言
  • 4.Netty深入浅出


qq:1809275454

微信:cloud153

使用JS监听键盘两个组合键触发的事件_第1张图片

注意:目前只有当前页面所列出的信息,如果没有就是没有。





你可能感兴趣的:(javascript)