Question

我使用了http://dropthebit.com/580/fancy-input-jquery-plugin/中的代码，到目前为止它运行良好，但我无法弄清楚如何从焦点上的文本框中删除数据。

这是我认为可能相关的一些代码：

    $('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('')});或类似的东西可以使用

<强> FIddle

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

从焦点上的文本框中删除数据

4 个答案: