从文本输入字段中删除内容

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 
    }); 
});