Javascript如何检索单字？

Question

<div id="regTxt">打开就打龙景花园中就大声的基虽左右是。</div>

想实现这样一个功能，onclick上面这段内容时，比如单击‘龙’字，就会自动给单字加<i class="font-size:2rem;">龙</i>这样的效果。

注：不是单独一个字，是所有字，点到那个那个就生成。

Answer 1

正则替换就可以。

"打开就打龙景花园中就大声的基虽左右是。".replace(new RegExp("(龙)","g"),'<i class="font-size:2rem;">'+"$1</i>");

Answer 2

text element 的定位问题啊，看过类似的实现，都是记录点击位置然后遍历文字定位的，虽然有点麻烦但是可以实现
可以参考这个：https://stackoverflow.com/que...

Answer 3

先提取文字内容，再生成单个的元素插入容器，然后再代理事件吧

Answer 4

我做过类似的功能

<span onclick="fun"><span>龙</span><span>景</span><span>花</span><span>园</span></span>