codecamp

key 事件属性

事件对象参考手册事件对象


实例

按下按键时获取键盘按钮:

var x = event.key;

x 输出结果为:

Enter

尝试一下 »

本文底部包含了更多实例。


定义和使用

key 事件在按下按键时返回按键的标识符。

按键标识符是表示键盘按钮的字符串,该属性的返回值可以是:

  • 单个字母 (如 "a", "W", "4", "+" 或 "$")
  • 多个字母 (如 "F1", "Enter", "HOME" 或 "CAPS LOCK")

提示: 如果你想查看是否按下了 "ALT", "CTRL", "META" 或 "SHIFT" 键,可使用 altKey, ctrlKey, metaKeyshiftKey 属性。


浏览器支持

表格中的数字表示支持该属性的第一个浏览器的版本号。

属性          
key 不支持 9.0 23.0 不支持 不支持


语法

event.key

技术细节

返回值: 字符串,表示按键按钮。

可能值:
  • 单个字母 (如 "a", "W", "4", "+" 或 "$")
  • 多个字母 (如 "F1", "Enter", "HOME" 或 "CAPS LOCK")
注意: Chrome,Safari 和 Opera浏览器返回 undefined
DOM 版本: DOM Level 3 Events


实例

更多实例

实例

在用户按下 "A" 键时弹出提示信息:

var x = event.key;

// 按下 "a" 或 "A" 键 (使用 caps lock 或 shift),弹出提示信息

if (x == "a" || x == "A") {
    alert ("你按下了 'A' 键!");
}

尝试一下 »


相关页面

HTML DOM 参考手册: key 事件属性

HTML DOM 参考手册: charCode 事件属性

HTML DOM 参考手册: which 事件属性


事件对象参考手册事件对象


currentTarget 事件属性
timeStamp 事件属性
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

HTML DOM对象

HTML DOM 引用对象

HTML DOM Password 对象

HTML DOM Link 对象

HTML DOM Select 对象

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }