jquery获得焦点与失去焦点例子(失去焦点文本框内容恢复)

<table border="1" align="center">
  <tr>
    <th>用户名</th>
  <td>
    <input id="username" type="text" value="输入用户名"/>
  </td>
  </tr>
</table>

<script type="text/javascript">
  $("#username").focus(function(){
    $("#username").val("");
  });
  $("#username").blur(function(){
    var username = $("#username").val();
    if(username.trim().length == 0){
      $("#username").val("输入用户名");
    }

  });
</script>

posted @ 2016-09-09 17:03  西湖看雪  阅读(215)  评论(0)    收藏  举报