JS对选中文本的复杂操作

Question

伟大的 JavaScript，请帮助。 我需要处理选中文本的复杂操作。

我有一些带有很多html标签的文本，我需要得到一个返回以下结果的函数：

用户选择带有类的特定标签中的文本，例如<div class="text">，

并且该功能在以下情况下被激活：

$('.text').mouseup(function (e){...});

• 返回选择的开头
• 返回结尾
• selection 用他的类标识一个特定的标签

此外：

• 要赋予html标签的字符数，
• 但您可以排除 一些标签示例，

好的，一些代码，我有什么：

$(function () {
    $('.text').mouseup(function (e){
        $(this).highlight(getSelectionText());
   })
})

this demo

这里我们突出显示了文本的所需部分，但没有返回 正确的位置

另外，文字发布是巧合 字符，我需要它的位置

Answer 1

你可能想试试这个：

$(function () {
    $('#detailBoxParagraph').mouseup(function (e){
        var selectedText = getSelectionText();
        $(this).removeHighlight();
        $(this).highlight(selectedText);

        var txt = $(this).text();
        var pos = [];
        var i = txt.indexOf(selectedText);
        if(i > -1) {
            pos.push({"start": i+1, "end": i + selectedText.length});
        }
        while (i != -1) {
            i = txt.indexOf(selectedText, i + 1);
            if(i > -1) {
               pos.push({"start": i+1, "end": i + selectedText.length});
            }
        }
        console.log(pos);
   })
   //alertSelection();
})