html - Chrome 表单处理问题 : input onfocus ="this.select()"

Question

我使用以下 HTML 代码在用户单击表单域时自动选择表单域中的一些文本:

<input onfocus="this.select()" type="text" value="Search">

这在 Firefox 和 Internet Explorer 中工作正常(目的是使用默认文本向用户描述该字段，但突出显示它以便在单击时他们可以开始输入)，但我在获取它时遇到了问题在 Chrome 中工作。当我在 Chrome 中单击表单字段时，文本会突出显示一瞬间，然后光标跳到默认文本的末尾，突出显示就会消失。

关于如何使它在 Chrome 中也能正常工作有什么想法吗？

Answer 1

您必须将此操作绑定(bind)到 onclick 事件，而不是绑定(bind)到 onfocus 事件，它会按您希望的那样工作。

<input onclick="this.select()" id="txt1" name="txt1" type="text" value="Search">