javascript - 如何实现单词划词翻译功能

Question

描述：手机页面上点击teachers，下面显示音标和单词意思

觉的要做的事情不少
1.怎么实现手指点下，能确定是哪个单词，并让这个单词变色（我所了解的是一段话是一个p标签，不知道怎么实现）
2.因为段落是p标签，怎么能把下面的解释这块内容插进去？
3.不知道有没有现成的js能实现这个需求.

Answer 1

1.单词，空格或者标点符号或者边界。p有你单击的距离。你可以计算出位置。然后获取对应的东西。然后变色就是加一个span改颜色。

2.插入？获取到你上次添加颜色的span然后append

3.不知道

题外话：小段内容，你直接就给你的所有单词加span然后这样好判断一些。解释你可以不插入。直接用absolute定位。