这里有新鲜出炉的 jQuery 示例,程序狗速度看过来!
jQuery 是一个兼容多浏览器的 javascript 框架,核心理念是 write less,do more(写得更少, 做得更多)。jQuery 在 2006 年 1 月由美国人 John Resig 在纽约的 barcamp 发布,吸引了来自世界各地的众多 JavaScript 高手加入,由 Dave Methvin 率领团队进行开发。
本篇文章主要是对 jQuery 中 focus 和 blur 事件的应用进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
一、需求原因在填写表单时需要实现如下效果
二、具体实现
- <!DOCTYPE html PUBLIC "-//W3C//DTDHTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
- <title>
- 鼠标点击后无文字,挪开鼠标后有文字
- </title>
- <script language="JavaScript" src="../jQuery/jquery-1.7.1.min.js">
- </script>
- <script type="text/javascript">
- $(function() {
- /*进入焦点时触发*/
- $("#account").focus(function() { varoldValue = $(this).val();
- if (oldValue == this.defaultValue) { $(this).val("");
- }
- });
- /*失去焦点时触发*/
- $("#account").blur(function() { alert("12"); varoldValue = $(this).val();
- if (oldValue == "") { $(this).val(this.defaultValue);
- }
- });
- });
- </script>
- </head>
- <body>
- 帐号:
- <input id="account" name="account" type="text" value="请输入帐号">
- </body>
- </html>
来源: http://www.phperz.com/article/17/0414/277251.html