如何使用 JavaScript 的 focus() 函数使 DIV 可聚焦？

使用 JavaScript 的 focus() 函数的可聚焦 DIV

虽然 focus() 函数通常作用于输入字段或按钮等表单元素，但它也可以将焦点集中在

上元素。为此，需要为 div 分配 tabindex 属性。

分配 Tabindex

<br><div id="tries" tabindex="0">

tabindex 为 0 会将 div 置于页面的自然 Tab 键顺序中。正值指定 Tab 键顺序中的特定优先级。同时，值为 -1 使得 div 只能通过脚本获得焦点，而不能通过用户输入。

示例代码

<br>document.getElementById( 'test').onclick = function () {<p>};<br>

此脚本演示将焦点设置到 tabindex 为 -1 的 div通过用户触发的事件。

设置焦点 DIV 的样式

为了直观地指示焦点，可以使用 CSS：

<br>div:focus {<p>}<br>

通过实施这些技术，您可以成功地聚焦于

使用 JavaScript 的 focus() 函数的元素，增强 Web 应用程序的可访问性和用户体验。