HTML页面内搜索文本并高亮展示。

597 阅读1分钟

HTML页面内搜索文本并高亮展示。

公司业务需求,要做一个页面内搜索并高亮的需求。类似浏览器 ctrl+f 功能(为什么不直接用浏览器的?我也不知道 我也问过产品并没有回答)

支持标签截断,词语换行。

支持高亮颜色设置。

支持搜索结果 上一个下一个切换跳转滚动。

JS里面有个 scrollIntoView 这一行是用的原生的滚动功能。可以根据需求更改为更加炫酷的效果。