js模糊搜索插件fuzzysearch

所属分类:输入-自动完成,搜索

 54226  322  查看评论 (5)
分享到微信朋友圈
X
js模糊搜索插件fuzzysearch ie兼容9

更新时间:2019-08-19 17:03:50

更新说明:感谢舢禹所提供的不支持中文的解决方案,现以修改支持。


插件说明

fuzzysearch是一款实用的表单模糊搜索和自动提示js插件。该js插件允许你只输入部分字符串,根据这部分字符串自动搜索和匹配,并给出自动替代选项。适用于各种数据的快速检索。

安装

可以使用npm来按钮该自动提示插件。

1
npm install --save fuzzysearch

使用方法

1
fuzzysearch(needle, haystack)

DEMO中的js文件时基于fuzzysearch.js来编写的。

fuzzysearch.js提供一个fuzzysearch(needle, haystack)方法,它使用自己的算法检查needle和haystack,如果匹配则返回true。这个方法在needle中的每一个元素都存在于haystack中时才会返回true。例如:

1
2
3
4
5
6
7
fuzzysearch('twl''cartwheel'// <- true
fuzzysearch('cart''cartwheel'// <- true
fuzzysearch('cw''cartwheel'// <- true
fuzzysearch('ee''cartwheel'// <- true
fuzzysearch('art''cartwheel'// <- true
fuzzysearch('eeel''cartwheel'// <- false
fuzzysearch('dog''cartwheel'// <- false

当前版本的fuzzysearch对正则表达式的支持还不够完美,使用正则表达式性能将会受到一些影响。


相关插件-自动完成,搜索

jQuery字符数限制插件countStr

jQuery字符数限制插件countStr,显示当前输入的字符数和对其数量进行限制。
  自动完成
 20993  311

获取当前光标位置

能够获取表单元素中当前光标的位置.在插入表情等情景下会用到
  自动完成
 32114  327

jQuery自动补全插件jQuery.AutoComplete

输入文字,自动联想库中的内容,自动补全,关键字高亮
  自动完成
 37287  312

vue车检时间计算器

基于vue实现的车辆计算下次车检的日期
  自动完成
 9837  132

讨论这个项目(5)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    舢禹 评论奖励 1 jQ币
    2019/8/19 16:31:29

    在 inputEvents 方法内 (大概在horsey.js文件的241行)添加

    1
    2
    crossvent[op](input, 'input', deferredShow);
    crossvent[op](input, 'input', deferredFiltering);

    这两行支持中文搜索

    回复
    paul 0
    2017/12/26 15:19:57
    不能用中文,有个鸟用? 回复
    允宝oooo 0
    2017/3/28 10:18:49

    请问能进行中文搜索吗?

        夜雨0
        2017/5/19 19:05:00

        不行的

    回复
    箫风琴雨 0
    2016/12/8 13:12:17
    选择了元素之后,内容无法从输入框获取啊? 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复