javascript - 在两个INS标记中双击Word JavaScript window.getSelection

我的HTML是:

<p><ins data-id="1">111</ins><ins data-id="2">222</ins></p>

此代码的输出是:



如果我双击该单词，它将选择完整的单词，如下所示:



但是我想根据INS标签data-id选择字母

例如:-如果我双击111，我只想选择111，如下所示:



如何将默认的双击选择修改为JavaScript选择？

我尝试了以下代码:

var containerid = $(e.currentTarget);
if (window.getSelection) {
   var range = document.createRange();
   range.selectNode(containerid);
   var sel = window.getSelection()
   sel.removeAllRanges();
   sel.addRange(range);
}

但是它没有按预期工作。

最佳答案

<p><ins data-id="1">111</ins>&#8203;<ins data-id="2">222</ins></p>

您可以在它们之间放一个zero-width space:​

关于javascript - 在两个INS标记中双击Word JavaScript window.getSelection，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/40524494/