JavaScript中element.focus（）方法的结果是什么

Question

因此，我是javascript的新手，我搜索了很多有关focus函数结果的内容，但我发现它只是专注于元素。 这种解释并没有真正帮助我，所以有人可以向我解释使用此功能时结果有何不同？ 它专注于某些元素是什么意思？

Answer 1

您在这里有一个示例： http : //www.w3schools.com/jsref/tryit.asp? filename=tryjsref_html_blur例如，当您在表单上按Enter键时，如果您将焦点放在“提交”按钮上，它将验证该表单”，但那不是您没有关注的重点。

同样对于输入，如果您专注于输入，则可以在其中输入内容，如果没有输入，则可以输入内容。

此功能用于将焦点放在元素上。

Answer 2

简短的答案-元素成为任何UI交互（例如键盘/鼠标等）的第一响应者。

答案很长，即HTML规范中记录了元素在集中时如何工作的行为。 特别要看一下重点步骤

1. 如果元素不在文档中，或者元素的文档没有浏览上下文，或者元素的文档的浏览上下文没有顶级浏览上下文，或者元素不可聚焦，或者元素已经聚焦，然后中止这些步骤。

2. 如果对元素进行聚焦将使焦点从另一个元素移开，请对该元素运行不聚焦步骤。

3. 使该元素成为其顶级浏览上下文中当前关注的元素。

   一些元素（最显着的区域）可以对应于多个不同的可聚焦区域。 如果在元素被聚焦时指示了一个特定区域，则该区域必须成为焦点； 否则，例如，当使用focus（）方法时，树顺序中的第一个此类区域是必须聚焦的区域。

4. 用户代理可以将相关的特定于平台的约定应用于聚焦小部件。

   例如，某些平台在聚焦文本字段时选择该文本字段的内容 。

5. 在元素上触发一个名为focus的简单事件。