JQuery設置搜索框默認值,當輸入框獲取焦點時,默認值消失

cnffe 9年前發布 | 5K 次閱讀 JavaScript jQuery

現在各大網站都有搜索框,而搜索框通常都有默認值,當輸入框獲取焦點時,默認值消失。而一旦輸入框失去焦點,而輸入框里又沒有輸入新的值,輸入框里的值又會恢復成默認值,如果往輸入框里輸入了新值,則輸入框的值為新輸入的值。這種特效用JQuery很容易實現:

$("#searchbox")
   .focus(function(){$(this).val('')})
   .blur(function(){
       var $this = $(this);
      // '請搜索...'為搜索框默認值
      ($this.val() === '')? $this.val('請搜索...') : null;
 });

 本文由用戶 cnffe 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!