從文本輸入字段中刪除內容

Question

下面是代碼，我開始了哪一個。問題是，在用戶關注文本輸入後，我想重置文本輸入。我的意思是什麼用戶進入該領域，我想刪除。

$(function(){ 
     var field = $('#searchField'); 
     field.focusin(function(){ 
      console.log('element is focused.'); 
      field.animate({width: '100px'}); 
     }); 

     field.focusout(function(){ 
      console.log('element is not focused.'); 
      field.animate({width: '50px'}); 
      field.value = ''; // this is not working. 
     }); 
    }); 

的html代碼：

<p><input id="searchField" type="text" width="50px"/></p> 

Answer 1

您要使用的jQuery對象中的JavaScript DOM對象的value財產。您需要使用jQuery val()來獲取jQuery對象的值或將jquery對象轉換爲DOM對象以使用value。

field.value = '' 

要

field.val(''); //using jQuery object 

或

field[0].value = ''; //using javascript object 

Answer 2

試試這個...

field.val(''); 

，而不是

field.value = '' 

Answer 3

很容易：

$(function(){ 
    var field = $('#searchField'); 
    field.focusin(function(){ 
     console.log('element is focused.'); 
     $(this).animate({width: '100px'}); 
    }); 

    field.focusout(function(){ 
     console.log('element is not focused.'); 
     $(this).animate({width: '50px'}); 
     $(this).val(''); // This should work 
    }); 
});