Question

我有两个副本，一个是HTML版本，如下所示。

<div class="data-sentence" onclick="setSentenceNo(28);">
  <p>
     Statement of Advice for <span class="artemis_soa ano-subject" data-oristr="Joe" data-replaceid="tag_replace_6" data-hasqtip="7">&lt;NAME_1&gt;</span> and <span class="artemis_soa ano-subject" data-oristr="Black" data-replaceid="tag_replace_3" data-hasqtip="8">&lt;NAME_2&gt;</span>,
   </p>
</div>

另一个是纯文本，如下所示。（我们也可以说这是用户在浏览器中可以看到的内容）。

Statement of Advice for <NAME_1> and <NAME_2>,

所以我想要的是允许用户选择字符串并返回所选字符串用户的偏移开始和偏移结束。（另外我们不应该允许用户选择保留标签）。

例如，用户选择字符串'Advice'，offset_start = 13和offset_end = 19

我非常感谢你的帮助。

Answer 1

使用window.getSelection()，然后使用Selection和Range API获取所需的偏移量。

document.body.onmouseup = function () {
  var selection = window.getSelection();
  var range = selection.getRangeAt(0);
  console.log(range.startOffset, range.endOffset);
};

<div><p>Statement of Advice for <span>&lt;NAME_1&gt;</span> and <span>&lt;NAME_2&gt;</span>,</p></div>

如何通过Javascript在句子中获取选定的字符串偏移量开始和偏移量结束

1 个答案: