<strong>input失去焦點並獲得焦點</strong> <br>滑鼠在搜尋框中點擊的時候裡面的文字就消失了。 <br>我們在做網站的時候經常會用到搜尋框的獲得焦點和失去焦點的事件,因為懶,每次都去寫非常的煩,於是就一勞永逸,遇到類似情況就來調用一下就OK了<br><br>相關js程式碼: <br><div class="codetitle"> <span><a style="CURSOR: pointer" data="94868" class="copybut" id="copybut94868" onclick="doCopy('code94868')"><u>複製程式碼</u></a></span> 程式碼如下:</div> <div class="codebody" id="code94868"> <br><br><br><br><br><br><br><br><br><br><br><br><br><br> <br> <br><meta http-equiv="Content-Type" content="text/html; charset=utf- 8"> <br><title>input失去焦點和獲得焦點jquery焦點事件插件- 懶人建站</title> <br><script src="http://ajax.googleapis.com/ajax/libs/%20jquery/1.4.2/jquery.min.js" type="text/javascript"></script> <br><script type="text/javascript"> <BR>$(document).ready(function() { <BR>//focusblur <BR>jQuery.focusblur = function(focusid) { <BR>var focusblurid = $(focusid); <BR>var defval = focusblurid.val(); <BR>focusfid. (){ <BR>var thisval = $(this).val(); <BR>if(thisval==defval){ <BR>$(this).val(""); <BR>} <BR> }); <BR>focusblurid.blur(function(){ <BR>var thisval = $(this).val(); <BR>if(thisval==""){ <BR>$(this).val (defval); <BR>} <BR>}); <BR>}; <BR>/*下面是呼叫方法*/ </script> </div>$.focusblur("#searchkey"); <br>}); <strong> </strong> <br> <div class="codetitle"> <form action="" method="post"> <span><input name="" type="text" value="輸入搜尋關鍵字" id="searchkey"> <a style="CURSOR: pointer" data="86582" class="copybut" id="copybut86582" onclick="doCopy('code86582')"><input name="" type="submit" id="searchbtn" value="搜尋"> <u></u></a></span> </form> input失去焦點並獲得焦點jquery焦點事件插件,<br><strong style="color:#F00">滑鼠在搜尋框中點擊的時候裡面的文字就消失了</strong>。 </div>