javascript - 如何在jquery中编写onfocus事件

Question

我有一个字段用户名，其值 = 'Your Name'验证失败后，它将变为:'输入您的姓名'

但我希望当我单击此字段或聚焦时，此“输入您的姓名” 会消失并带有空字符串。

如何在jquery中编写焦点事件？

Answer 1

您要查找的内容已在 HTML5 中标准化为 the placeholder attribute 。您应该使用它，然后使用 JavaScript 为尚不支持 native 功能的浏览器重新创建此功能。

只需像这样编写 HTML:

<input type="text" name="username" placeholder="Enter your name">

它将自动在现代浏览器中工作，无需 JavaScript!

如果您想支持旧版浏览器，请随时使用我的 Placeholder jQuery plugin ，这将自动使 HTML 能够在每个相关浏览器中工作。只需包含插件，然后像这样:

$('input, textarea').placeholder();

...插件将为您处理剩下的事情。您可以在此处查看演示:http://mathiasbynens.be/demo/placeholder