浏览器/ HTML如何决定光标的焦点应该在哪里?

时间:2017-02-14 10:37:14

标签: javascript html html5 focus

如果我们不使用javascript手动设置任何HTML元素,HTML如何决定要关注哪个元素?

4 个答案:

答案 0 :(得分:1)

通过tabindex attribute完成。默认情况下,它按页面中的位置通过可聚焦元素,但您可以修改此行为。

来自链接文章:

关注不可聚焦的元素:

  

<强>的tabindex = 0

     

当tabindex设置为0时,元素将根据其在源代码中的位置插入到Tab键顺序中。 如果默认情况下该元素是可聚焦的,则根本不需要使用tabindex,但如果您重新调整像span或div这样的元素,则tabindex = 0是将它包含在Tab键顺序中的自然方式。 /强>

忽略一些可关注的元素:

  

<强>的tabindex = -1

     

当tabindex设置为负整数(如-1)时,它将以编程方式聚焦,但不包含在Tab键顺序中。

最后:无论元素的位置如何,自己选择顺序:

  

<强>的tabindex = 1 +

     

它对内容强加了一个与预期的Tab键顺序无关的Tab键顺序。

答案 1 :(得分:0)

如果您的意思是&#34;什么告诉浏览器哪些元素可以聚焦?&#34;那么您正在寻找/export/home/[^/]*(?:/(?!export/home/)[^/]*)* 属性。将其添加到元素将允许输入设备(即鼠标,键盘)触发元素上的焦点状态。

如果您的问题基本上是,&#34;如何关注事物?&#34;,这是使用输入设备,即鼠标和键盘完成的。

答案 2 :(得分:0)

如果您的意思是页面加载时可以使用自动对焦属性

<input type="text" autofocus>

答案 3 :(得分:-1)

默认情况下,实际上没有元素可以获得焦点。

我们可以通过创建一个简单的网站并记录

来轻松检查这一点
document.querySelectorAll(":focus")

到控制台。

您将看到它将返回一个空数组,这意味着没有元素被聚焦。