您现在的位置是：首页 >技术教程 >（通用0bug）纯原生实现一个类似浏览器搜索功能(ctrl + f)网站首页技术教程

（通用0bug）纯原生实现一个类似浏览器搜索功能(ctrl + f)

加油站站站 2024-08-14 00:01:02
简介（通用0bug）纯原生实现一个类似浏览器搜索功能(ctrl + f)

如果可以实现记得点赞分享，谢谢老铁～

一、问题的描述

由于公司业务需要在搜索框中，模拟Ctrl + F 的搜索功能，支持自选可搜索区域范围，且支持回车查看下一个，上下查看，自动滚动定位，帮助小白解决不会快捷键操作的搜索。

二、问题的解决方案

首先查看浏览器自带的api啥的,抱歉，没有，找不到~
后面基于一个网站，具体参考网址是:
链接: https://www.seabreezecomputers.com/tips/find5.htm

进行了二次封装。

三、先看下原来网站的效果

将原网站下载下来的脚本命名为find5.js
直接引入，即可得到下面的搜索框效果

<script type="text/javascript" language="JavaScript" src="find5.js"
风语者！平时喜欢研究各种技术，目前在从事后端开发工作，热爱生活、热爱工作。

站长推荐