如何使用 JavaScript 触发键盘"enter"按钮点击?
javascriptweb developmentfront end technology更新于 2024/4/24 7:48:00
要使用 JavaScript 触发键盘"enter"按钮点击，代码如下 −
示例
<!DOCTYPE html>
<html>
<head>
<h1>触发按钮点击 Enter 示例</h1>
<input id="inputField" value="Some text.." />
<button id="alertBtn" onclick="alert('Button has been clicked')">
Button
</button>
<h2>
按下上面输入栏内的"Enter"键来触发按钮。
</h2>
<script>
var inputText = document.getElementById("inputField");
inputText.addEventListener("keyup", function(event) {
if (event.keyCode === 13) {
event.preventDefault();
document.getElementById("alertBtn").click();
}
});
</script>
</body>
</html>
输出
上述代码将产生以下输出 −
在字段中输入内容然后按 Enter −
