key 事件属性 | HTML DOM 事件对象

返回到:DOM 对象:HTML DOM 事件对象

定义和使用

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

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

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

提示: 如果你想查看是否按下了 “ALT”, “CTRL”, “META” 或 “SHIFT” 键,可使用 altKeyctrlKeymetaKey 或 shiftKey 属性。

浏览器支持

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

属性谷歌IE火狐苹果opera
key不支持9.023.0不支持不支持

语法

event.key

技术细节

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

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

实例

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

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Web176.com教程(web176.com)</title>
</head>	
<body>

<p>在用户按下 "A" 键时弹出提示信息。</p>
<input type="text" size="40" onkeydown="myFunction(event)">
<p><strong>注意:</strong> 目前只有 Firefox ,IE9及以上版本支持  key 属性。</p>
<script>
function myFunction(event) {
    var x = event.key;
    // 按下 "a" 或 "A" 键 (使用 caps lock 或 shift),弹出提示信息    
    if (x == "a" || x == "A") { 
         alert ("你按下了 'A' 键!");
    }
}
</script>

</body>
</html>

作者:terry,如若转载,请注明出处:https://www.web176.com/javascriptbook/domtips/4242.html

(0)
打赏 支付宝 支付宝 微信 微信
terryterry
上一篇 2021年11月22日 下午3:40
下一篇 2021年11月22日 下午3:52

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注