html - HTML5 自动对焦 = 自动选择？

Question

我正在使用一些 HTML5 表单功能来逐步增强我的 Web 项目的用户体验。特别是autofocus，我想在允许用户输入标签的模态（灯箱）对话框中使用它。现有标签可能存在。

我安装的唯一支持自动对焦的浏览器是 Chrome 9，但是当我在那里测试它时，它确实将焦点放在了字段上，但也会自动选择字段中的所有现有文本。我没想到或想要自动选择，我想要自动对焦。

我的期望是错的还是 Chrome 错了？

score 7 · Accepted Answer

Chrome 认为他们错了，并在 Chrome 36 中改变了这种行为。

我知道这一点是因为我错误地依赖 javascript .focus() 和 html autofocus 来选择文本。现在它需要一个 .select() 来选择并聚焦在文本字段中。很好，我们现在可以具体说明我们想要什么:-)

所以现在 Chrome 的行为就像 Firefox 一样。

score 6 · Accepted Answer

在此处阅读有关自动对焦和 html5 的更多信息：http: //php.quicoto.com/autofocus-in-html5/

如果您有我们可以查看的代码片段，我们可能会进一步提供帮助。它看起来相当简单且实施起来很轻松，并表示除了 Fx 和 IE 之外的所有东西都支持该功能。

score 2 · Accepted Answer

从HTML5 规范中，聚焦步骤没有规定是否应该选择文本。用户代理既不需要也不禁止选择文本。具体来说，这里是相关的聚焦步骤：

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

注意：例如，某些平台会在文本字段获得焦点时选择该字段的内容。

score -2 · Accepted Answer

-2

它应该选择文本，input.focus()这也是如此。

于 2011-01-19T20:29:06.607 回答

4 回答 4