javascript - 如何从输入控件中删除选定的文本？

Question

基本上，我希望能够检测到：

1. 如果文本输入内有突出显示的文本
2. 如何删除选定的文本

我设置了一个小提琴来显示我走了多远，但我不知道如何删除给定的文本。

http://jsfiddle.net/z36Px/

这是我的标记

<input type='text' value='Hello World!' id='txtbox' />
<br />
<button id="btnSelect">select text</button>
<button id="btnRemove">remove selected text</button>

和我的 javascript

$("#btnSelect").click(function () {
    document.getElementById('txtbox').setSelectionRange(6, 12);
});
$("#btnRemove").click(function () {
    if (window.getSelection) {
        if (window.getSelection().deleteFromDocument) {
            window.getSelection().deleteFromDocument();
        }
    }
});

Answer 1

根据浏览器兼容性（ie9+ 和其他），您可以使用 selectionEnd、selectionStart：

$("#btnRemove").click(function () {
    var ele  = document.getElementById('txtbox');
    var text = ele.value;

    text = text.slice(0, ele.selectionStart) + text.slice(ele.selectionEnd);
    ele.value = text;
});

在 Chrome 中工作小提琴