您现在的位置: 万盛学电脑网 >> 程序编程 >> 脚本专题 >> javascript >> 正文

js操作输入框提示信息且响应鼠标事件

作者:佚名    责任编辑:admin    更新时间:2022-06-22

 注册网站的输入框就有默认提示值,当获取鼠标焦点的时候,默认值被删除,当用户没输入东西焦点离开的时候,又恢复默认提示值

我们经常遇到一些输入框,比如注册网站的输入框就有默认提示值,当获取鼠标焦点的时候,默认值被删除,当用户没输入东西焦点离开的时候,又恢复默认提示值。这方法用js代码实现如下:    html代码:  代码如下: <input type="text" id="email" name="email" class="txt_input" value="请输入经常使用的邮箱" onfocus="fn_focus(this);" onblur="fn_blur(this);"/>    js代码:  代码如下: function fn_focus(ele){  if(ele.value == ele.defaultValue){  ele.value = '';  }  }  function fn_blur(ele){  var reg = /^[s]*$/;  if(reg.test(ele.value) || ele.value == ele.defaultValue){  ele.value = ele.defaultValue;  }  }