html5inputenter

作者：木齵乄语发布日期:2025-10-22 浏览:81

<!DOCTYPE html>
<html>
<head>
    <title>HTML5 Input Enter Example</title>
    <script>
        function handleKeyPress(event) {
            // 检查是否按下了回车键 (keyCode 13)
            if (event.keyCode === 13) {
                alert('You pressed the Enter key!');
                // 阻止表单的默认提交行为
                event.preventDefault();
            }
        }
    </script>
</head>
<body>
    <form onsubmit="return false;">
        <input type="text" placeholder="Press Enter" onkeypress="handleKeyPress(event)">
    </form>
</body>
</html>

解释说明：

这段代码展示了如何在 HTML5 中监听用户按下输入框中的回车键（Enter 键）。
onkeypress 事件用于捕获键盘按键，当用户按下 Enter 键时（keyCode === 13），会触发一个警告框提示用户，并阻止表单的默认提交行为。
event.preventDefault() 用于防止表单在按下 Enter 键时自动提交。

上一篇：html class

下一篇：padding在html是什么意思