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

clipboard.png

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

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

回复
阅读 3.1k
1 个回答

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

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

3.不知道

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏