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

我需要一个复杂的功能，当我点击输入字段时，它会选择从插入符号后的光标位置到文本值末尾的文本

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

当我用鼠标点击光标时。。假设在EXA语言的中间，输出应该突出显示文本：MPLE文本字段文本

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

我发现这是一个完美的例子，但就我所知，我无法正确使用它：

HTML：

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

JQuery版本：

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

---

哇：你太棒了！希望这对其他人也有帮助，因为我在这里找不到答案：在focus上打电话可能更好？不？@PimBrouwers-你的建议似乎没有效果。单击输入时，会触发两个事件，但单击事件会在焦点事件之后触发。当您对输入进行制表时，只会激发焦点，但正常的行为是选中整个文本。

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