键盘事件监听

事件	描述
keydown	`onkeydown`
keyup	`onkeyup`

注意onkeydown当按键长时间按下时,会不停的触发(这个是系统的机制,比如我们在写文章时持续按下w会写入wwwwwwww),如果想保留按下的状态,可以通过设置flag来过滤掉不停的触发.

键盘事件对象

属性	描述
KeyboardEvent.altKey	alt是否被按下(Mac是Option)
KeyboardEvent.ctrlKey	ctrl是否被按下
KeyboardEvent.shiftKey	shift是否被按下
KeyboardEvent.code	表示值的string
KeyboardEvent.key	表示键值的string
KeyboardEvent.isComposing
KeyboardEvent.locale	返回区域的string,如果浏览器和设备不知道,则为空字符串
KeyboardEvent.location	键盘或者设备上的按键位置
KeyboardEvent.metaKey	win的win键,mac的command键
KeyboardEvent.repeat	吐过按键被保持为自动重复,则为true

参考:
https://developer.mozilla.org/zh-CN/docs/Web/API/KeyboardEvent

javascript KeyboardEvent相关推荐

JS 进阶: 深入理解键盘事件 Keyboard Event
JS 进阶: 深入理解键盘事件 Keyboard Event 文章目录 JS 进阶: 深入理解键盘事件 Keyboard Event 正文 1. 基础 API 2. 基础事件:keydown.keyu ...
JavaScript响应键盘不再用KeyboardEvent.keyCode，而是用keyboardEvent.code
文章目录遇到问题解决方法参考遇到问题以Wordle为例进行的TDD开发, 现在进展到GUI的阶段,遇到的问题是,如何用JS响应键盘? 查到的样例是 document.addEventList ...
Web API 接口-JavaScript全部api接口文档
当使用JavaScript编写网页代码时,有很多API可以使用.以下是所有对象.类型等接口的列表,你在开发网页应用程序或站点时使用它们. API文档地址:https://developer.mozil ...
浅谈Javascript事件模拟
事件是用来描述网页中某一特定有趣时刻的,众所周知事件通常是在由用户和浏览器进行交互时触发,其实不然,通过Javascript可以在任何时间触发特定的事件,并且这些事件与浏览器创建的事件是相同的.这就 ...
【总结】IE和Firefox的Javascript兼容性总结
长久以来JavaScript兼容性一直是Web开发者的一个主要问题.在正式规范.事实标准以及各种实现之间的存在的差异让许多开发者日夜煎熬.为此,主要从以下几方面差异总结IE和Firefox的Javas ...
JavaScript绑定键盘事件的多种写法
使用JavaScript来绑定键盘事件时,有多种写法,而他们的实现效果实际上是等价的,下面一一来列举. 方式一: function keyboard() {document.onkeydown = f ...
JavaScript实现按键精灵
JavaScript实现按键精灵最近有个需求,需要在页面上面自动点击.输入.提交. 用以模拟真实用户的操作行为,可以通过直接执行某个元素绑定的事件,来执行操作. 也可以创建事件,再派发事件,执行操作 ...
JavaScript 事件机制
1 什么是事件 JavaScript 使我们有能力创建动态页面.事件是可以被 JavaScript 侦测到的行为. 网页中的每个元素都可以产生某些可以触发 JavaScript 函数的事件.比方说,我 ...
javascript 打造城市选择控件，兼容IE6以及以上，谷歌，Firefox
在淘宝旅行上看到的城市选择效果,感觉还不错,就自己的理解重新实现一遍,先看效果,然后再细说实现原理,支持鼠标上下键选择城市,支持直接输入城市名称,拼音首字母,全拼,支持IE6遮盖SELECT,压缩后1 ...

javascript KeyboardEvent

键盘事件监听

键盘事件对象

javascript KeyboardEvent相关推荐

最新文章

热门文章