javascript - 如何在输入字段中保留一些默认文本？

Question

不知道我问的是否正确，请原谅。所以就这样了。我有一个文本输入字段。我已经有一些占位符文本了。但是，当用户单击该字段时，我希望占位符文本消失，并在那里显示一些默认文本，用户无法删除这些文本。因此，当用户提交表单时，收到的数据应采用以下格式:“我保留的默认文本”+“用户提供的文本”。我该怎么做。

这是我的输入字段的示例。

<input type="text" placeholder="defaultText" class="input">

Answer 1

http://jsfiddle.net/429jspyn/2/

$(function(){
    var dft = 'DEFAULT - ';
    $('input.input').keyup(function(evt){
        /* Key up event to catch all keys, keypressed doesn't catch i.E. 
        backspace*/
        /* If input value is empty don't alter it, that keeps input clean */
        if($(this).val() != ''){
            /* attach value of input to variable to alter it in future */
            var txt = $(this).val();
            /* txt.replace removes already added default text to prevent infinite prepending */
            $(this).val(dft + txt.replace(dft, ''));
        }
    }).keydown(function(evt){
        /* Key down is to catch user before he deletes part of default text and remove whole for him. That keeps it clean in future. */
        if($(this).val() == dft){
            /* Set input empty when user's trying to delete default text */
            $(this).val('');
            /* blocks further parsing */
            return false;
        }
    });
});

编辑://更新了代码，应该很好:)EDIT2://添加评论