📌  相关文章
📜  当元素聚焦在 HTML 中时会触发哪个事件？(1)

📅  最后修改于: 2023-12-03 14:54:14.029000             🧑  作者: Mango

当元素聚焦在 HTML 中时会触发哪个事件？

在 HTML 中，当元素聚焦时会触发focus事件。该事件通常与文本输入相关，如输入框或文本区域。

语法
<!-- HTML元素 -->
<input type="text" id="myInput">

<!-- JavaScript代码 -->
document.getElementById("myInput").addEventListener("focus", myFunction);

function myFunction() {
  alert("Input field is in focus.");
}
描述

focus事件在元素聚焦时触发。聚焦的元素可能是文本输入框、文本区域或其他可聚焦元素。

示例

下面的示例演示如何在输入框聚焦时显示一条消息：

<!DOCTYPE html>
<html>
<body>

<p>Click on the input field to trigger the focus event.</p>

<input type="text" id="myInput">

<p id="demo"></p>

<script>
document.getElementById("myInput").addEventListener("focus", myFunction);

function myFunction() {
  document.getElementById("demo").innerHTML = "The input field is in focus.";
}
</script>

</body>
</html>

在输入框聚焦时，将显示一条消息：“The input field is in focus.”