Home

Awesome

betterSearch

比浏览器CTRF+F更强大的搜索框组件

demo

安装

<script src="https://cdn.jsdelivr.net/npm/bettersearch/dist/index.umd.js"></script>

or

npm i --save-dev bettersearch

使用

初始化

var betterSearch = new BetterSearch({
    domContainer: '#test1'		//搜索区域
})
betterSearch.search(keyword)	//开始搜索,高亮关键字区域

API

OptionsTypeRequiredDefaultDescription
domContainerStringYES搜索区域
blackClassNameStringNo[]黑名单区域,避免搜索

Event

search

开启搜索,高亮关键词

betterSearch.search(keyword)

down/up

定位到上/下一个关键词

betterSearch.down()
betterSearch.up()

clear

清除搜索高亮

betterSearch.clear()