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

jQuery オブジェクトvalueで javascript オブジェクトのプロパティを使用しようとしています。DOMjQuery 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
    });
});