javascript - jQuery の '.focus()' が期待どおりに動作しない

Question

そこで、フォームで使用する単純な PHP の「マージタグ」をいくつかプログラムしました。テキストボックスに入力するために「クリック可能」にしたいと思っています。

「機能する」基本的なコードがいくつかあります。マージタグを挿入し、ボックスに再びフォーカスを当てますが、カーソルは入力したものの後ろに置かれますが、すべてのマージタグの前に置かれますか?

私が入力した場合：

[Howdy ]

をクリックすると{firstname}、次のようになります。

[Howdy {firstname}]

これは素晴らしいです！

しかし、カーソルは「howdy」と{firstname}次のようの間にあります。

[Howdy |{firstname}]

問題が何であるかを示すために、非常に単純なフィドルをセットアップしました。.val()とを.focus()一緒に使おうとしてきた

score 5 · Accepted Answer

プロパティを、現在の文字列と追加する文字列の長さのselectionStart合計に設定します。selectionStart

$("#test").prop('selectionStart', function (_, ss) {
    return ss + mtag.length;
});

score 2 · Accepted Answer

テキスト領域のselectionStart変数を次のように調整するだけです。

$('#test')[0].selectionStart = $('#test').val().length;

2 に答える 2