在两个INS标记

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

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

您可以在它们之间添加zero-width space：​