javascript/jqueryで特定のテキスト入力点をユーザーに選択させる

Question

テキスト入力があります。

<input type="text" id="foo" name="bar" value="11 Minutes"/> 

ユーザーは、ユーザーの「カーソル」または「セレクタ」は11の後に、ではない分後であることを、入力をクリックしたとき、私はそれをしたいです。

これはブラウザ間で可能で、これに関する情報を見つけることができない場合、どこから始めたらよいかわかりません。

適切なブラウザサポートも考慮する必要があります。

Answer 1

これを試してください。これがうまくいくかどうかわかりません。しかし基本的には、どこにカーソルを置いていいのかをselectionStartとselectionEndに設定しています。

selectionStartとselectionEndでプレーすることもできます。これらの2つの範囲の間に範囲を追加すると、選択範囲が強調されすぎます。 ちょうど開始<の終わりを確認して、あなたはいいです。

$(document).on("click", function(e){ 
 
    if (e.target && e.target.id == "foo") { 
 
    if ($(e.target).is(":focus")) { 
 
     e.target.selectionStart = 2; 
 
     e.target.selectionEnd = 2; 
 
    } 
 
    } 
 
    
 
});

<input type="text" id="foo" name="bar" value="11 Minutes"/> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>