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

标签 javascript jquery

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

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

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

最佳答案

您要查找的内容已在 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

关于javascript - 如何在jquery中编写onfocus事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4265331/

相关文章:

javascript - 通过 HTTP 请求向 gmail 帐户添加过滤器?

javascript - 上传 PHP 时图像到达服务器时为 0 字节

javascript - 了解 yield 如何影响 JS 生成器中的返回值

javascript - 在文本区域中键入后检测光标之前的字符

javascript - 将社交媒体网络共享按钮集成到 Highcharts。

javascript - 获取选定的选项 jquery on change 函数不起作用

javascript - jslint 是如何工作的?

javascript - 如何通过按 Angular 6 中的键盘输入将光标从一个输入移动到另一个输入和按钮

javascript - 传递给输入字段的复选框在 jquery 中有冲突

php - jQuery .load() 函数阻止我调用 HTML 文件中的脚本