监听键盘事件示例

代码示例：

        
<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>监听键盘事件示例</title>
    <!-- 这个页面的标题显示为“监听键盘事件示例” -->
</head>
<body>
    <!-- 创建一个输入框，用户可以输入用户名 -->
    <input type="text" id="username" placeholder="请输入用户名" />

    <script>
        <!--
        // 等页面内容完全加载后执行以下代码
        document.addEventListener("DOMContentLoaded", function() {
            // 获取 ID 为 "username" 的输入框元素
            let usernameElt = document.getElementById("username");

            // 当用户在输入框内按下任意键时触发这个事件
            usernameElt.onkeydown = function(event) {
                // event 是键盘事件对象，包含关于用户按键的信息

                // 检查按下的是否为回车键（Enter 键）
                if (event.key === "Enter") {
                    // 如果按下的是回车键，则弹出提示信息
                    alert("zjm");
                }
            };
        });
        -->
    </script>
</body>
</html>