javascript - JS onclick 入力の部分テキストを選択 - カーソル位置から文字列の末尾まで (afterCaret)

Question

入力フィールドを OnClick すると、カーソル位置 (afterCaret) からテキスト値の末尾までのテキストが選択されます。

<input> I am input example textfield text </input>

マウスでクリックしてカーソルを置くと、「exa | mple」という単語の途中にあるとしましょう。出力はテキストを強調表示する必要があります：「mple textfield text」

（その後、削除を押します:)しかし、機能によって自動的に削除したくありません。選択するだけです）

これは完璧な例ですが、私の知識では正しく使用できません:( http://javascript.nwbox.com/cursor_position/

Answer 1

HTML:

<input id="text" type="text" value="EXAMPLE" size="20" />

JavaScript バージョン:

document.getElementById('text').addEventListener('click', function() {
    var length = this.value.length;
    this.setSelectionRange(this.selectionStart, length);
},
false);

jsfiddle

JQuery バージョン:

$('#text').on('click', function() {
    var length = $(this).val().length;
    this.setSelectionRange(this.selectionStart, length);
}); 

jsfiddle