javascript中element.focus()方法的结果是什么?

时间:2014-08-30 10:52:52

标签: javascript dom focus

所以我是javascript的新手,我搜索了很多关于焦点函数的结果,但我发现它只是关注元素。这个解释并没有真正帮助我,所以有人可以向我解释使用这个功能时结果有什么不同?它关注某些元素意味着什么?

2 个答案:

答案 0 :(得分:0)

你有一个例子: http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_html_blur 例如,当您在表单上按Enter键时,如果您将焦点放在“提交”按钮上,它将验证表单,但是您不会关注它。

另外,对于输入,如果您关注它,可以在其中写入内容,但如果不关注则不能。

此函数用于为元素提供焦点。

答案 1 :(得分:0)

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

答案很长 - 在HTML spec中记录了关注时元素如何工作的行为。请特别注意focusing steps

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

  2.   
  3. 如果聚焦元素将从另一个元素中移除焦点,则运行该元素的非聚焦步骤。

  4.   
  5. 将元素作为其顶级浏览上下文中的当前焦点元素。

         

    某些元素,尤其是区域,可以对应多个不同的可聚焦区域。如果在元素聚焦时指示了特定区域,那么这是必须获得焦点的区域;否则,例如,当使用focus()方法时,树顺序中的第一个这样的区域是必须聚焦的区域。

  6.   
  7. 用户代理可以应用相关的平台特定约定来聚焦小部件。

         

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

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

  10.