JavaScript focus() 方法如何工作?
javascriptobject oriented programmingfront end technology
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>
执行上述代码后，我们将在屏幕上显示以下图像。
单击获取焦点按钮后，我们将获得以下输出。
输出
