做项目的时候,老板让我自己封装一个搜索功能,就类似于百度这种 输入了字符之后,就可以自动搜索数据,而且还会出现一个下拉框供用户选择,我觉得我老板有问题,网上有这么多插件,不仅封装好了,性能也做了优化,什么功能都有,他不用,一定要我用原生js写,写毛线写,我内心吐槽了很久 ...
实现思路: ,html样式结构写好 ,点击搜索按钮时在这个事件方法中,获取input中的值,调用发送ajax请求的方法,请求成功后用拼接模板字符串来渲染搜索到的商品页面, , 历史记录功能 每次点击搜索将这个值存放到一个数组中,将这个数组遍历,遍历中写拼接模板字符串进行渲染到页面, 将这个空数组在点击事件的外边声明 对这个数组进行去重和截取保留后 个历史记录的值 我项目中要求只保留 个值 ,再给每 ...
2019-11-20 17:16 0 1664 推荐指数:
做项目的时候,老板让我自己封装一个搜索功能,就类似于百度这种 输入了字符之后,就可以自动搜索数据,而且还会出现一个下拉框供用户选择,我觉得我老板有问题,网上有这么多插件,不仅封装好了,性能也做了优化,什么功能都有,他不用,一定要我用原生js写,写毛线写,我内心吐槽了很久 ...
...
今天呢给大家分享一下自己用原生JS做的一个百度搜索功能,下面上代码: ...
Common.js //封装类名 function byClassName(sClassName){ if(document.getElementsBYClassName){ return ...
实现的搜索功能: 1. 可以匹配输入的字符串找出列表中匹配的项,列表框的高度跟随搜索出的列表项的多少改变 2. 可以点击某一项进行选中列表项 3. 可以按下上、下、回车键来控制列表项 4. 按下回车键时则会选中列表项 5. 点击文本框中的下拉键头时会切换下拉框的显示/隐藏 6. 点击 ...
searchableSelect.js (function($){ // a case insensitive jQuery :contains selector $.expr[":"].searchableSelectContains = $.expr.createPseudo ...