是否有可能得到突出显示的文本在一个网站的一个段落,例如使用jQuery?
当前回答
用这种方式高亮显示文本:
window.getSelection().toString()
当然,还有对ie的特殊处理:
document.selection.createRange().htmlText
其他回答
这个解决方案工作,如果你使用chrome(不能验证其他浏览器),如果文本位于相同的DOM元素:
window.getSelection().anchorNode.textContent.substring(
window.getSelection().extentOffset,
window.getSelection().anchorOffset)
用这种方式高亮显示文本:
window.getSelection().toString()
当然,还有对ie的特殊处理:
document.selection.createRange().htmlText
使用window.getSelection () .toString()。
你可以在developer.mozilla.org上阅读更多
是的,你可以用简单的JavaScript代码片段:
document.addEventListener('mouseup', event => {
if(window.getSelection().toString().length){
let exactText = window.getSelection().toString();
}
}
获取用户选择的文本相对简单。使用jQuery没有任何好处,因为您只需要窗口和文档对象。
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>和textty <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>
推荐文章
- 将.NET DateTime转换为JSON
- SameSite警告Chrome 77
- 在ES6 (ECMAScript 6)中是否有一种不带可变变量的循环x次的机制?
- 克隆对象没有引用javascript
- 验证字符串是否为正整数
- 如何获得一个键/值JavaScript对象的键
- 什么时候JavaScript是同步的?
- 在jQuery中取消<select>的最佳方法?
- 如何在Typescript中解析JSON字符串
- jQuery的“输入”事件
- Javascript reduce()在对象
- 在angularJS中& vs @和=的区别是什么
- 错误"Uncaught SyntaxError:意外的标记与JSON.parse"
- JavaScript中的querySelector和querySelectorAll vs getElementsByClassName和getElementById
- 给一个数字加上st, nd, rd和th(序数)后缀