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

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

您正在尝试将 javascript DOM 对象的 value 属性与 jQuery 对象一起使用。您需要使用 jQuery val() 获取 jQuery 对象的值或将 jquery 对象转换为 DOM 对象以使用 value。

field.value = ''

到

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

或

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