javascript - Delete data from textbox on focus

Question

I used the code from http://dropthebit.com/580/fancy-input-jquery-plugin/, and it works well so far, but I can't figure out how to delete the data from the textbox on focus.

This is some code I feel may be relevant:

    $('section :input').val('').fancyInput()[0].focus();

    // Everything below is only for the DEMO
    function init(str){
        var input = $('section input').val('')[0],
            s = 'Type Something ?'.split('').reverse(),
            len = s.length-1,
            e = $.Event('keypress');

        var initInterval = setInterval(function(){
                if( s.length ){
                    var c = s.pop();
                    fancyInput.writer(c, input, len-s.length).setCaret(input);
                    input.value += c;
                    //e.charCode = c.charCodeAt(0);
                    //input.trigger(e);

                }
                else clearInterval(initInterval);
        },150);
    }

    init();

Answer 1

通常、jQuery を使用している場合、次のコードが機能するはずです。

$('#textboxID').focus(function(){
    $(this).val("");
});

Answer 2

$('textarea').focus(function(){$(this).val('')});または同様のものが機能します

フィドル

Answer 3

フォーカス イベントを使用してテキスト ボックス内の文字をクリアするには。

      $('input[type=text]').focus(function() {
        if($(this).val() == 'TEXT TO CLEAR') 
          $(this).val('');
    });

Answer 4

DEMO http://jsfiddle.net/yeyene/8z27k/1/のように、クリアして再度設定できます。

$(document).ready(function(){
    $('#search').on('focus', function(){
        $(this).val('');
    });
    $('#search').on('focusout', function(){
        if($(this).val() == '')
            $(this).val('Search');
    });
});