如何从输入控件中删除所选文本？

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中工作小提琴