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

在 HTML DOM 事件对象中，key 是一个属性，用于表示与事件关联的按键信息。对于键盘事件，这个属性通常包含被按下的键的标识符。

以下是一个简单的例子，演示如何使用 key 属性获取按下的键：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>key 示例</title>
</head>
<body>

<p id="demo">按下键盘查看键的信息</p>

<script>
    // 获取页面上的 <p> 元素
    var paragraph = document.getElementById("demo");

    // 添加键盘按下事件处理程序
    document.addEventListener("keydown", function(event) {
        // 使用 event.key 获取按下的键的标识符
        var pressedKey = event.key;

        // 更新 <p> 元素的文本内容，显示按下的键的信息
        paragraph.innerHTML = "按下的键: " + pressedKey;
    });
</script>

</body>
</html>

在这个例子中，当按下键盘时，事件处理程序会检查 event.key 属性的值，然后更新页面上的 <p> 元素以显示按下的键的信息。这个属性包含的值可能是字母、数字、符号，或者是特殊键的标识符，如 "Enter"、"Shift"、"ArrowUp" 等。

转载请注明出处：http://www.zyzy.cn/article/detail/4460/HTML