テキストエリアの特定の行の特定の位置にカーソルを設定します

Question

Microsoft OfficeのOutlookのようなプログラムに見られる「自動修正」機能を幾分複製しようとしています。手始めに

、私は私がこれを下回る書かれているテキストに「*エージェント[」

を変更したい行の先頭にいつでもユーザーが「A」（文字aとスペース）あなたが上から下にテキストエリアに沿って入力している場合、うまく動作します。 しかし、テキストエリアの他の場所を入力するとテキストが変更され、カーソルがテキストエリアの最後に移動します。

変更されたテキストの最後に常にカーソルを置きたいとします。

は、私は、変数currentLineNumberに変更された行番号を持っていると私は、カーソルがその行中8番目の文字の後にする必要があります知っているが、私は

理想のIDのようなそこに行くためにそれを伝える方法がわかりませんよ〜のようなもの

function setCursor(row, position) { 
//.... code to set cursor 
} 

これを実行するにはどうすればよいですか？私は全体的に必要なものを達成するためのよりよい方法があれば、私はそれも公開しています。（私はjQueryを少し読んで理解するのが少し難しいですが）javascriptやjQueryソリューションを利用しています。

あなたは私はあなたのフィドルの参照更新しました

Answer 1

問題を理解していない場合はここで

は jsFiddleです：私はこの方法で使用されているVAR currentPositionを追加しました http://jsfiddle.net/eghpf/2/

を

function setSelectionRange(input, selectionStart, selectionEnd) { 
    if (input.setSelectionRange) { 
    input.focus(); 
    input.setSelectionRange(selectionStart, selectionEnd); 
    } 
    else if (input.createTextRange) { 
    var range = input.createTextRange(); 
    range.collapse(true); 
    range.moveEnd('character', selectionEnd); 
    range.moveStart('character', selectionStart); 
    range.select(); 
    } 
} 

これはどちらから来ますかjQuery Set Cursor Position in Text Area

何が起こるかrは常に最後の位置にあります）。 $('#systemNotesbuilder').val(arrayOfLines.join("\n"));に電話すると、その新しい値の後にカーソルを置くと、値全体が新しい値で上書きされます。カーソルをセットするコールは、そのコールの後でなければなりません。