javascript - 如何实现单词划词翻译功能
本文介绍了javascript - 如何实现单词划词翻译功能的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
描述:手机页面上点击teachers,下面显示音标和单词意思
觉的要做的事情不少
1.怎么实现手指点下,能确定是哪个单词,并让这个单词变色(我所了解的是一段话是一个p标签,不知道怎么实现)
2.因为段落是p标签,怎么能把下面的解释这块内容插进去?
3.不知道有没有现成的js能实现这个需求.
解决方案
1.单词,空格或者标点符号或者边界。p有你单击的距离。你可以计算出位置。然后获取对应的东西。然后变色就是加一个span改颜色。
2.插入?获取到你上次添加颜色的span然后append
3.不知道
题外话:小段内容,你直接就给你的所有单词加span然后这样好判断一些。解释你可以不插入。直接用absolute定位。
这篇关于javascript - 如何实现单词划词翻译功能的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文