Question

我知道HTML5的autofocus属性，但AFAIK只适用于input代码。

有没有办法自动设置焦点（最好没有JS），例如，带有文字的可滚动div，以便观众可以立即使用键盘滚动？或者它是特定于浏览器的吗？

我在网上找不到有用的资源，所以我想知道是否“专注”，如果正确的话。

Answer 1

<div tabindex='0'> 
      this will receive the focus immediately
</div>

Answer 2

tabindex="0"

tabindex值可以允许一些有趣的行为。

如果给定值“-1”，则元素不能被选项卡而是聚焦可以通过编程方式给予元素（使用element.focus（））。
如果给定值0，则可以通过键盘聚焦元素并落入文件的标签流程。
大于0的值会创建一个优先级，其中1为最多重要的。

有关详细信息，请查看以下链接http://snook.ca/archives/accessibility_and_usability/elements_focusable_with_tabindex

更新

另一种选择是尝试这样的事情。将以下代码添加到body标记中，用您自己的表单和字段名称替换：

<body OnLoad="document.myform.mytextfield.focus();">

<form name="myform">
   <input type="text" name="mytextfield">
   <button type="button" onclick="javascript:alert('testing')" name="myButton">Click Me!</button>
</form>

如何设置文本焦点（无表格）

2 个答案: