HTML | DOM focus() 方法(1)

📌 相关文章

📜 HTML | DOM focus() 方法(1)

📅 最后修改于: 2023-12-03 15:15:35.080000 🧑 作者: Mango

HTML | DOM focus() 方法

简介

在HTML和DOM中，focus()方法用于将元素设置为当前活动的元素，使其可以从键盘中接收事件。

语法

element.focus()

参数

该方法不接受任何参数。

返回值

无返回值。

示例

示例1

<!DOCTYPE html>
<html>
<body>

<button onclick="document.getElementById('myInput').focus()">点击我，输入框获得焦点</button>

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

</body>
</html>

点击按钮后，输入框将获得焦点。

示例2

<!DOCTYPE html>
<html>
<body>

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

<script>
document.getElementById("myInput").focus();
</script>

</body>
</html>

文档加载后，输入框将自动获得焦点。

兼容性

IE | Firefox | Chrome | Safari | Opera | -- | ------- | ------ | ------ | ----- | 6+ | 1.0+ | 1.0+ | 1.0+ | 7.0+ |

注意事项

focus()方法只能应用于以下元素：input、textarea、select和button。
如果需给隐藏元素获得焦点，请在元素可见后使用focus()方法。
如果需要将焦点设置到iframe中的元素，请在iframe元素上调用焦点()方法。

参考链接

MDN Web 文档