web前端|js教程
模糊搜索,下拉列表
web前端-js教程
vc 连连看游戏源码,vscode字体间距大,ubuntu eos安装,tomcat有哪些漏洞,乌龟爬虫,php响应式模板,做seo比较牛的人,cms视频网站源码,阿里云免费模板在哪里lzw
// JavaScript Document
function onChangehoverLi(thisLi){
$("#searchtext").val($(thisLi).html());
$("#suggest_ul").hide(0);
validateform2();
}
$(function(){
//载入时隐藏下拉li
$("#suggest_ul").hide(0);
});
//Ajax 动态获取关键字
//监听文本框输入变化
function fuzzySearch(){
//创建ajax对象函数
function createLink(){
if(window.ActiveXObject){
var newRequest = new ActiveXObject("Microsoft.XMLHTTP");
}else{
var newRequest = new XMLHttpRequest();
}
return newRequest;
}
//如果文本框为空,不发送请求
if($("#searchtext").val().length==0||$("#searchtext").val().length>10){
$("#suggest_ul").hide(0);
return;
}
//发送请求
http_request = createLink();//创建一个ajax对象
if(http_request){
var sid = $("#searchtext").val();
var url = "contentSearchAction!getSynonyms.action";
var data = "keywords="+encodeURI(sid);
//alert(data)
http_request.open("post",url,true);
http_request.setRequestHeader("content-type","application/x-www-form-urlencoded");
//指定一个函数来处理从服务器返回的结果
http_request.onreadystatechange = dealresult; //此函数不要括号
//发送请求
http_request.send(data);
}
//处理返回结果
function dealresult(){
if(http_request.readyState==4){
//等于200表示成功
if(http_request.status==200){
if(http_request.responseText=="no"){
$("#suggest_ul").hide(0);
return;
}
$("#suggest_ul").show(0);
var res = eval("("+http_request.responseText+")");
var contents="";
for(var i=0;i<res.length;i++){
var keywords = res[i].keywords;
contents=contents+""+keywords+"";
}
$("#suggest_ul").html(contents);
}
}
}
}
//鼠标
$(function(){
//按下按键后300毫秒显示下拉提示
$("#searchtext").keyup(function(){
setInterval(changehover,300);
function changehover(){
$("#suggest_ul li").hover(function(){ $(this).css("background","#eee");},function(){ $(this).css("background","#fff");});
}
});
});
页面:
最新卡盟源码php,ubuntu图标目录,tomcat8热部署不重启,爬虫智能防封,php实训报告心得体会,昭通seo效果lzw
#suggest_ul{
width:100%;
max-height:223px;
margin:0px;
padding:0px;
border:1px solid #ccc;
background-color:#ffffff;
list-style-type:none;
}
#suggest_ul li{
padding-left:5px;
line-height:22px;
font-size:13px;
width:100%;
height:22px;
cursor:default;
}
使用的过程中发现一种情况不会去搜索,ios系统自带的输入法输入中文的时候既不是onkeyup 也不是onchange事件,因为是用户刚开始的按钮是按的虚拟键盘,
多线程获取超级列表框易语言源码,vscode显示风格,ubuntu进入主目录,看-tomcat网站,sqlite怎么创建主键,信息滚动显示插件,vue前端框架开源,椰子是爬虫过江,php显示数据库,seo优化续费合同,非凡123电影网站模板,开源 识别网页正文,静态html页面模板,列表页面var代码,云主机管理系统源码,微擎小程序 数据 有时候能加载lzw
可以使用onkeyup 事件,当出现中文的时候点击中文将 输入框里面的值改变成了中文,onchange不能捕获脚本改动的输入框的值。
最后的解决办法是 用oninput事件,这个是最新的html5 中的事件非常好用,只是有些低版本的浏览器不能兼容比较麻烦。