テキストの変更と入力のカーソルの設定

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を除去し、入力にのみ「新しい」というテキストを持つことができますか？私はkeyupメソッドでしようとしていますが、私が入力したものはすべて削除されます。

Answer 1

ここをクリックしてDEMOをご覧ください。また、あなたのjsFiddleを修正.. here

編集を参照してください：あなたはキャレット位置を設定するel.setSelectionRange(index, index);を使用することができます。

そして、あなたは、あなたが一度だけ実行されます.oneメソッドを使用することができます。keyUpイベント時にテキスト全体を削除する方法についてあなたの2番目の質問について

、

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

Answer 2

あなたは取得するには、入力フィールドのselectionStartプロパティを使用することができますフィールドのvalueと一致させることで、これが「Hello」という単語の後ろにあるかどうかを確認することができます。 setSelectionRangeを使用して、キャレットをある位置に設定できます。 setSelectionRange(0,0);は最初に設定します。

編集：私はちょうどあなたの質問を再読し、あなただけのあなたは再びそれを入力すると、すべてのテキストを削除したい場合は、あなただけのフィールド内のすべてのテキストを選択するにはselect()を使用することができます。入力を開始すると、選択したテキストが削除されます。