搜索框键盘抬起事件2

//搜索框键盘抬起事件$('.menu-container').on(  'keyup','#search_input',function(){  //处理事件  var lilist = $('.menu-container #bootstrapnavagation ul.nav-second-level li');  var val = this.value;    for (var i = 0; i < lilist.length; i++){     // console.log($(lilist[i]).text())      var lival =$(lilist[i]).text();      var linum =$(lilist[i]);

      if(lival.indexOf(val) > -1 && val.trim().length > 0 ){        linum.addClass('active');        var litop =$($('ul.nav-second-level li.active')[0]).offset().top;        $("#bootstrapnavagation").scrollTop(litop/2);      }else{

linum.removeClass('active');

}

if(val.trim()=='' ){

        lilist.removeClass('active');      }    }})

转载于:https://www.cnblogs.com/benbenjia/p/9430430.html

搜索框键盘抬起事件2相关推荐

yutons_sug搜索框提示插件||输入框提示插件
样例: 引用的js文件: /*** @Title:搜索框提示插件||输入框提示插件 --只有干部任免列表中使用其他地方使用的是yutons-mods文件下yutons_sug.js* @Version ...
微信小程序搜索框自动补全功能
▶动态效果图◀ ▶效果涉及到的input属性◀ focus Boolean false 获取焦点 bindinput EventHandle ...
html怎么创百度搜索框,JS实现百度搜索框
本文实例为大家分享了JS实现百度搜索框的具体代码,供大家参考,具体内容如下实现原理向输入框动态输入时关键词,将当前关键词作为问号参数后面的值,因为要跨域使用百度的接口,所以通过 JSONP 跨域创 ...
PHP自动搜索框post,php搜索框提示(自动完成)实例代码_PHP教程
百度的搜索大家都在用,当用户输入文字时,搜索框下面自动提示相关的信息,加强了用户体验,的确不错,那么这个效果是如何实现的呢先看一下效果图吧,这样更有动力,要不然大家还不知道我在讲什么,到底要达到什么 ...
京东搜索框html,使用JavaScrip模拟实现仿京东搜索框功能
使用js模拟实现京东的搜索框,主要用了js中的onfocus(注册焦点事件),onblur(失去焦点的事件): 主要实现了: 在鼠标点进去的时候,里面的默认内容消失: 在输入之后,再点击搜索框外,输入 ...
原生js实现搜索框点击搜索清空历史记录
实现思路 1.点击搜索框:注册点击事件 2.获取用户输入的值 3.将用户输入的值添加到本地存储:1)由于输入不止一个值且后期需要保存相关数据,故一定要存成数组或对象,所以要定义一个空数组2)由于值可能 ...
element-ui 搜索框组件：监听input键盘事件 - 代码篇
踩坑:vue + element-ui 框架监听input键盘事件 - 含demo演示代码示下: html部分: <el-inputplaceholder="职位 | 地区 | 工作 ...
自定义下拉列表（使用原始的事件监听机制），在搜索框中使用
目录背景: 效果: 注意事项: 完整代码: 背景: 搜索框中需要使用到动态获取热点搜索历史的功能,此时需要自定义下拉列表.select组件不能完全满足要求. 搜索框下拉列表支持键盘上下键及回车选择, ...
微信小程序搜索框回车搜索事件
这里写的是在微信小程序里的搜索框,按软键盘回车键触发搜索事件. 首先前台代码,这是整个搜索框代码 <view class="weui-search-bar"><v ...
css3搜索框呼出键盘,移动端 input 输入框实现自带键盘“搜索“功能并修改X
主要利用html5的,input[type=search]属性来实现,此时input和type=text外观和功能没啥区别: html代码入下: 但要实现点击键盘右下角搜索,来发送请求,js代码如下( ...

搜索框键盘抬起事件2

搜索框键盘抬起事件2相关推荐

最新文章

热门文章