JavaScript focus() 方法如何工作?

javascriptobject oriented programmingfront end technology更新于 2025/8/29 0:44:17

focus()

Javascript focus() 方法有助于突出显示 HTML 表单元素。它将元素设置为当前文档中的活动元素。在当前文档中，focus 只能应用于一个元素。焦点可以应用于文本、按钮等。

语法

element.focus(options);

示例

在下面的示例中，最初，文本"Tutorialspoint"位于锚标记"a"中，其 ID 称为"focus"。稍后，声明一个函数，其中使用 DOM 方法调用 id，并对其应用 focus() 方法以将文本"Tutorialspoint"的颜色更改为红色。这里使用一个按钮来执行点击事件。

<html>
<head>
<style>
   a:focus, a:active {
      color: red;
   }
</style>
</head>
<body>
<a href="http://www.tutorialspoint.com/" id="focus">Tutorialspoint</a>
<input type="button" value="getfocus" onclick="getfo()">
<script>
   function getfo() {
      document.getElementById("focus").focus();
   }
</script>
</body>
</html>

执行上述代码后，我们将在屏幕上显示以下图像。