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

标签 html forms google-chrome webkit

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

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

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

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

最佳答案

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

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

关于html - Chrome 表单处理问题 : input onfocus ="this.select()",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2939122/

相关文章:

html - Handsontable 固定列和行选项将其他行和列移出位置

javascript - JQuery,通过不使用表单列表的按钮创建表单输入

google-chrome - 有没有办法在 Chrome 浏览器上模拟两指滑动?

python - 使用没有 Selenium 的 Python 下载文件,例如 Chrome 的 "Save Link As"

javascript - 在 Chrome 浏览器的上下文中通过 javascript 定位 SQLite 数据库

html - CSS 样式覆盖不适用于移动浏览器

javascript - 复选框的CSS对齐

javascript - 一次循环 2 个元素

java - playframework 2.0-java 中的日期在表单中给出无效值

php - 不错的搜索网址