是否可以通过使用 jQuery 来获取网站段落中突出显示的文本？
获取突出显示/选定的文本
IT技术
javascript
jquery
textselection
2021-01-18 01:18:06
6个回答
获取用户选择的文本相对简单。使用 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>文本<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)
使用window.getSelection().toString().
您可以在developer.mozilla.org上阅读更多内容
是的，您可以使用简单的 JavaScript 代码段来实现：
document.addEventListener('mouseup', event => {
if(window.getSelection().toString().length){
let exactText = window.getSelection().toString();
}
}
其它你可能感兴趣的问题