Javascript 从页面上的任何文本输入/文本区域获取选定的文本

Question

如果我不知道哪个文本框/文本区域处于活动状态（聚焦），如何从文本框/文本区域获取所选文本。我正在尝试创建一个小书签，它将更正页面上任何类型输入中的选定文本。

Answer 1

对于选择，您需要 selectionStart 和 selectionEnd。

对于当前聚焦的元素，使用document.activeElement。

因此，您可以使用以下组合：http://jsfiddle.net/rBPte/1/。

正如 Tim Down 指出的那样，您需要针对 Internet Explorer 版本 8 或更低版本的更复杂的解决方案： 文本区域中的插入符位置，从头开始的字符

function getText(elem) { // only allow input[type=text]/textarea
    if(elem.tagName === "TEXTAREA" ||
       (elem.tagName === "INPUT" && elem.type === "text")) {
        return elem.value.substring(elem.selectionStart,
                                    elem.selectionEnd);
        // or return the return value of Tim Down's selection code here
    }
    return null;
}

setInterval(function() {
    var txt = getText(document.activeElement);
    document.getElementById('div').innerHTML =
        txt === null ? 'no input selected' : txt;
}, 100);