如何在 JavaScript 的文本框中触发按钮单击 Enter 键按下
答案:使用click()
方法
您可以简单地使用 click()
方法来模拟鼠标点击元素。
以下示例将向您展示如何在 JavaScript 中的文本框或输入字段中触发按 Enter 键的按钮。 让我们尝试一下,看看它是如何工作的:
示例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>触发按钮单击输入键按下文本输入</title>
<script>
function showHint(){
document.getElementById("hint").innerHTML += "<p>The Enter key is pressed.</p>"
}
document.addEventListener("DOMContentLoaded", function(){
document.getElementById("myInput").addEventListener("keypress", function(event){
if(event.keyCode == 13){
document.getElementById("myBtn").click();
}
});
});
</script>
</head>
<body>
<p><strong>Note:</strong>在下面的文本框中输入任何内容,然后按键盘上的 Enter 键。</p>
<p><input type="text" id="myInput"></p>
<p><button type="button" id="myBtn" onclick="showHint();">My Button</button></p>
<div id="hint"></div>
</body>
</html>
FAQ 相关问题解答
以下是与此主题相关的更多常见问题解答: