Jquery焦点与失去焦点示例应用

复制代码 代码如下:

  $(function(){

  $("#input").focus(function(){//#input换成你的input的ID

  //这里写获得焦点之后运行的代码。

  }).blur(function(){

  //$(".scroll-question").css("display","none");

  });

  })

  })

  live要1.4才支持,以下ie,firefox都没问题

  

复制代码 代码如下:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

  <html xmlns="http://www.w3.org/1999/xhtml">

  <head>

  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

  <title>无标题文档</title>

  <script src="/js/jquery-1.4.4.js"></script>

  <script>

  $(document).ready(function()

  {

  $("#nameBefore").dblclick(function()

  {

  $("#nameBefore").replaceWith("<div id='nameIn'><input type='text' name='nameInVal' id='nameInVal' value='In' /></div>");

  }

  );

  //失去焦点以后

  $("#nameInVal").live("blur",function()

  {

  alert('nameInVal已失去焦点');

  }

  );

  }

  );

  </script>

  </head>

  <body>

  <form name="testfm" method="post" action="save.php">

  <table>

  <tr><td>1</td><td><div id='nameBefore'>Before</div></td></tr>

  </table>

  </form>

  </body>

  </html>