数据结构
网络
RDBMS
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
时尚研究
法律研究JavaScript 方法 focus() 如何工作？
focus()
Javascript focus() 方法帮助突出一个 HTML 表单元素。它将该元素设置为当前文档中的活动元素。在当前文档中，focus 只能应用于一个元素。焦点可以应用于文本或按钮等内容。
语法
element.focus(options);
示例
在以下示例中，最初文本“Tutorialspoint”位于一个锚标记“a”中，该标记有一个名为“focus”的 id。稍后，声明了一个函数，在其中使用 DOM 方法调用该 id，并在其上应用 focus() 方法，将文本“Tutorialspoint”的颜色更改为红色。此处使用一个按钮进行单击事件。
<html>
<head>
<style>
a:focus, a:active {
color: red;
}
</style>
</head>
<body>
<a href="https://tutorialspoint.com/" id="focus">Tutorialspoint</a>
<input type="button" value="getfocus" onclick="getfo()">
<script>
function getfo() {
document.getElementById("focus").focus();
}
</script>
</body>
</html>执行上述代码后，将在屏幕上显示以下图像。
一旦我们单击获取焦点按钮，我们将获得以下输出。
输出
更新时间：2019-7-30
1000+ 浏览
广告