在两个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>

你可以在它们之间放置零宽度空间:​