javascript - 更改文本并在输入中设置光标

Question

我有一个包含文本的输入。当我点击这个输入时，文本的颜色会改变。在输入中是例如。文本“Hello buddy” - 当我点击 Hello 词末尾的输入时，存在任何简单的方法将光标设置在开头(在 Hello< 词之前)/)?

$('#your_name').focus(function(){
    if($(this).val() == $(this).attr('title')){
        $(this).css('color', 'red');
    }

    $(this).keyup(function() {
      $(this).val('');
    });
});

当我开始向其中输入文本时，如何删除当前文本 Hello buddy 并在输入中仅包含"new"文本？我正在尝试使用 keyup 方法，但我输入的所有内容都被删除了。

Answer 1

查看我的 DEMO这里。还修改了您的 jsFiddle。请参阅 here

编辑:您可以只使用 el.setSelectionRange(index, index); 来设置插入符号的位置。

关于你的第二个问题，关于在你键入时删除整个文本，你可以使用 .one只执行一次的方法。,

$(this).one('keydown', function() {
      $(this).val('');
});