获取突出显示/选定的文本

是否有可能通过使用jQuery获取网站段落中的突出显示的文本？

---

获取用户选择的文本相对简单。 涉及jQuery没有任何好处，因为除了window和document对象之外您什么也不需要。

function getSelectionText() {
    var text = "";
    if (window.getSelection) {
        text = window.getSelection().toString();
    } else if (document.selection && document.selection.type != "Control") {
        text = document.selection.createRange().text;
    }
    return text;
}

如果您对可以处理<textarea>和texty <input>元素中的选择的实现感兴趣，则可以使用以下内容。 由于现在是2016年，我省略了IE <= 8支持所需的代码，但我已经在SO上的许多地方发布了相关内容。

function getSelectionText() {
    var text = "";
    var activeEl = document.activeElement;
    var activeElTagName = activeEl ? activeEl.tagName.toLowerCase() : null;
    if (
      (activeElTagName == "textarea") || (activeElTagName == "input" &&
      /^(?:text|search|password|tel|url)$/i.test(activeEl.type)) &&
      (typeof activeEl.selectionStart == "number")
    ) {
        text = activeEl.value.slice(activeEl.selectionStart, activeEl.selectionEnd);
    } else if (window.getSelection) {
        text = window.getSelection().toString();
    }
    return text;
}

document.onmouseup = document.onkeyup = document.onselectionchange = function() {
  document.getElementById("sel").value = getSelectionText();
};

Selection:
<br>
<textarea id="sel" rows="3" cols="50"></textarea>
<p>Please select some text.</p>
<input value="Some text in a text input">
<br>
<input type="search" value="Some text in a search input">
<br>
<input type="tel" value="4872349749823">
<br>
<textarea>Some text in a textarea</textarea>

---

以这种方式获取突出显示的文字

window.getSelection().toString()

当然还有一个特殊的处理方法，即：

document.selection.createRange().htmlText

---

如果您使用chrome（无法验证其他浏览器）并且文本位于相同的DOM元素中，则此解决方案可以工作：

window.getSelection().anchorNode.textContent.substring(
  window.getSelection().extentOffset, 
  window.getSelection().anchorOffset)

链接地址: http://www.djcxy.com/p/1101.html

上一篇: Get the Highlighted/Selected text

下一篇: How do I disable text selection with CSS or JavaScript?