免费AI编程助手
EventTarget事件：keyup
2019-01-22 17:19 更新
EventTarget事件 - keyup
释放key时会触发该keyup事件。
基本信息
| 接口 | KeyboardEvent |
|---|---|
| 是否冒泡 | 是 |
| 是否可取消 | 是 |
| 目标 | Document， Element |
| 默认操作 | 没有 |
属性
| 属性 | 类型 | 描述 |
|---|---|---|
target（只读） | EventTarget | 事件目标（DOM树中最顶层的目标）。 |
type（只读） | DOMString | 事件的类型。 |
bubbles（只读） | Boolean | 事件是否正常冒泡。 |
cancelable（只读） | Boolean | 事件是否可以取消。 |
view（只读） | WindowProxy | Document.defaultView（window文件） |
detail（只读） | long（float） | 0。 |
target（只读） | EventTarget（DOM元素） | 聚焦元素处理key事件，如果没有合适的输入元素，则根元素。 |
char（只读） | DOMString（string） | key的字符值。如果key对应于可打印字符，则此值是包含该字符的非空Unicode字符串。如果key没有可打印的表示，则为空字符串。 注意：如果该key用作插入多个字符的宏，则此属性的值是整个字符串，而不仅仅是第一个字符。 |
key（只读） | DOMString（string） | 由事件所表示的key的key值。如果值具有打印表示，则此属性的值与char属性相同。否则，它是Key值中指定的key值字符串之一。如果无法识别key，则为“Unidentified”字符串。 |
code（只读） | DOMString（string） | 保存一个标识正在按下的物理key的字符串。该值不受当前键盘布局或修改器状态的影响，因此特定key将始终返回相同的值。 |
charCode（只读） | unsigned long（int） | key的Unicode引用号；此属性仅由keypress事件使用。对于char属性包含多个字符的键，这是该属性中第一个字符的Unicode值。警告：不推荐使用此属性；你应该使用 char，如果可以的话。 |
keyCode（只读） | unsigned long（int） | 一种与系统和实现有关的数字代码，用于标识按下的key的未修改值。这通常是与key对应的十进制ASCII（RFC 20）或Windows 1252代码。如果无法识别key，则此值为0。警告：不推荐使用此属性；你应该使用 key，如果可以的话。 |
which（只读） | unsigned long（int） | 一种与系统和实现有关的数字代码，用于标识按下的key的未修改值；这通常与 keyCode是一样的。警告：不推荐使用此属性；你应该使用 key，如果可以的话。 |
location（只读） | long（float） | key在设备上的位置。 |
repeat（只读） | Boolean | 如果一个key被按下足够长的时间以触发按键重复，则为true；否则为false。 |
locale（只读） | DOMString | key事件的语言代码（如果有）；否则，为空字符串。 |
ctrlKey（只读） | Boolean | 如果在触发事件时控制键已关闭，则为true；否则为false。 |
shiftKey（只读） | Boolean | 如果在事件被触发时shift键已关闭，则为true；否则为false。 |
altKey（只读） | Boolean | 如果事件被触发时alt键已关闭，则为true；否则为false。 |
metaKey（只读） | Boolean | 如果在触发事件时meta键已关闭，则为true；否则为false。 |
笔记
请注意，keydown和keyup提供一个代码，指示按下哪个键，而keypress指示输入了哪个字符。例如，小写的“a”将通过keydown和keyup报告为65，但是会通过key来报告97。所有事件都将大写的“A”报告为65。
示例
每当您在<input>元素中释放键时，此示例都会记录该KeyboardEvent.code值。
HTML
<input placeholder="Click here, then press and release a key." size="40">
<p id="log"></p>JavaScript
const input = document.querySelector('input');
const log = document.getElementById('log');
input.addEventListener('keyup', logKey);
function logKey(e) {
log.textContent += ` ${e.code}`;
}规范
DOM L3
以上内容是否对您有帮助：
更多建议：