我有一个div,其contentEditable设置为true。 我必须找到所选的文本html。我能够通过
在FireFox中获取所选文本 window.getSelection();
我是IE的情况我可以使用
获取选定的文本htmldocument.selection.createRange().
但是,我怎样才能在FireFox中找到所选的文本html。 如何做到这一点。请帮助。
答案 0 :(得分:19)
要将选定的HTML作为字符串,您可以使用以下函数:
function getSelectionHtml() {
var html = "";
if (typeof window.getSelection != "undefined") {
var sel = window.getSelection();
if (sel.rangeCount) {
var container = document.createElement("div");
for (var i = 0, len = sel.rangeCount; i < len; ++i) {
container.appendChild(sel.getRangeAt(i).cloneContents());
}
html = container.innerHTML;
}
} else if (typeof document.selection != "undefined") {
if (document.selection.type == "Text") {
html = document.selection.createRange().htmlText;
}
}
return html;
}
答案 1 :(得分:13)
选择文本并将其存储在名为mytext
的变量中。
if (!window.x) {
x = {};
}
x.Selector = {};
x.Selector.getSelected = function() {
var t = '';
if (window.getSelection) {
t = window.getSelection();
} else if (document.getSelection) {
t = document.getSelection();
} else if (document.selection) {
t = document.selection.createRange().text;
}
return t;
}
$(function() {
$(document).bind("mouseup", function() {
var mytext = x.Selector.getSelected();
alert(mytext);
});
});
答案 2 :(得分:1)
window.getSelection().getRangeAt(0);
它返回一个文档片段。它包含选择开始和结束的节点以及其他一些多汁的东西。使用FireBug或其他JavaScript控制台&amp;&amp; ||进行检查了解更多信息
答案 3 :(得分:0)
根据MDN:
“选择对象,当转换为字符串时,可以通过添加一个空 字符串(“”)或使用Selection.toString()返回选定的文本。“
对我来说,以下任何一项都可以在Chrome 86中运行:
String(window.getSelection())
window.getSelection() + ""
window.getSelection().toString()
String(document.getSelection())
document.getSelection() + ""
document.getSelection().toString()
https://developer.mozilla.org/en-US/docs/Web/API/Window/getSelection
答案 4 :(得分:-2)
获取div的文本你执行此操作:(在jQuery中)
var text = $('div.selector').text();