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

  我们经常遇到一些输入框,比如注册网站的输入框就有默认提示值,当获取鼠标焦点的时候,默认值被删除,当用户没输入东西焦点离开的时候,又恢复默认提示值。这方法用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;

  }

  }