javascript - 双击两个 INS 标签中的单词 JavaScript window.getSelection

Question

我的 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);
}

但它没有按预期工作。

Answer 1

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

你可以只放一个 zero-width space它们之间:​