运用jQuery来写Focus,Blur事件的处理预设值显示问题
时间:2014-07-20 17:43 来源: 我爱IT技术网 作者:山风
今天，我们来做个运用jQuery来写Focus,Blur事件的处理预设值显示的部分的程序，当然这两个事件不光运用在登入时，也可以运用在许多地方。
我们来看看JavaScript部分的代码：
- <script language="javascript">
- $(function(){
- //对邮箱做侦测
- $("#address").focus(function(){
- //鼠标滑入输入框时
- var txt_value=$(this).val();
- if(txt_value=="请输入信箱邮箱
- }
- });
- $("#address").blur(function(){
- //鼠标移开时
- var txt_value=$(this).val();
- if(txt_value==""){
- $(this).val("请输入信箱");
- }
- });
- //对密码输入框
- $("#password").focus(function(){
- var txt_value=$(this).val();
- if(txt_value=="请输入密码"){
- $(this).val("");
- }
- });
- $("#password").blur(function(){
- var txt_value=$(this).val();
- if(txt_value==""){
- $(this).val("请输入密码");
- }
- });
- });
- </script>
Html部分代码：
- <body>
- <input type="text" id="address" value="请输入邮箱"/><br/><br/>
- <input type="text" id="password" value="请输入密码"/><br/><br/>
- <input type="button" value="login"/>
- </body>
- 评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
-