JS onclick选择输入中的部分文本 - 从光标位置开始到字符串结尾（afterCaret）

Question

我需要棘手的功能，当我点击输入字段时，它会从光标位置（afterCaret）到文本值的末尾选择文本。

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

当我通过鼠标点击放光标时......让我们在单词＆＃34; exa |中间说出来。 mple＆＃34;，输出应突出显示文字：＆＃34; mple textfield text ＆＃34;

（之后我会按Delete :)但我不想通过功能自动删除它，只选择）

我找到了这个完美的例子，但我根据自己的知识无法正常使用它:( 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