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

Question

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

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

当我通过鼠标单击放置光标时..假设在单词“exa | mple”的中间，输出应该突出显示文本：“ mple textfield text ”

（之后我会按 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