web前端|js教程
JS,邮箱,提示补全
web前端-js教程现在要实现的是类似网易登录时的邮箱提示框的效果,不过这里我打算稍微改变一下,就是在输入@的时候再出现邮箱提示列表
分类信息门户网站源码,ubuntu 批量加ip,tomcat端口号是多少,屋里有爬爬虫,php最好的编辑器,框架SEO建站lzw
实现提示的原理是采用正则进行匹配
福利在线观看源码,ubuntu怎么打出汉字,教我爬虫表情包,php长整形,徐州seo承包lzw
效果图如下:
淘宝查询信誉网站源码,vscode编辑不了,UBUNTU系统下载网页,查看tomcat首页,sqlite转json,服务器商 能不能随时看服务器,java 图片预览 插件,移动 erp 前端框架,爬虫数据采集解决方案,活码php,什么是网站seo分析,网站自动发送邮件,通过网页源下载mp3,组装说明书模板,同页面跳转插件,人力资源管理系统 asp,dfp matlab源程序lzw
代码如下:
+
+ 请选择邮箱后缀+ \+ \+ \+ \+ \+ \+ + ;var lc = "#login_autoComplete";var autoComplete,autoLi;if($(lc).length==0){ $("body").append(strHtml); $(lc).data("elt",elt); autoComplete = $("#login_autoComplete"); autoLi = autoComplete.find("li:not(.login_auto_title)"); autoLi.mouseover(function(){$(this).siblings().filter(".hover").removeClass("hover");$(this).addClass("hover"); }).mouseout(function(){$(this).removeClass("hover"); }).mousedown(function(){$(lc).data("elt").val($(this).text()).change();$(this).parent().parent().hide(); });}else{ $(lc).data("elt",elt); autoComplete = $("#login_autoComplete"); autoLi = autoComplete.find("li:not(.login_auto_title)");}$(lc).css("width",elt.outerWidth()-1);//用户名补全+翻动elt.keyup(function(e){ if(/13|38|40|116/.test(e.keyCode) || this.value==\){return false; } var username = this.value; if(username.indexOf("@")==-1){autoComplete.hide();return false; } autoLi.each(function(){this.innerHTML = username.replace(/\@+.*/,"")+$(this).attr("hz");if(this.innerHTML.indexOf(username)>=0){ $(this).show();}else{ $(this).hide();} }).filter(".hover").removeClass("hover"); autoComplete.show().css({left : $(this).offset().left,top : $(this).offset().top + $(this).outerHeight(true) - 1 }); if(autoLi.filter(":visible").length==0){autoComplete.hide(); }else{autoLi.filter(":visible").eq(0).addClass("hover"); }}).change(function(){ $("#login_autoComplete").hide();}).keydown(function(e){ if(e.keyCode==38){ //上autoLi.filter(".hover").prev().not(".login_auto_title").addClass("hover").next().removeClass("hover"); }else if(e.keyCode==40){ //下autoLi.filter(".hover").next().addClass("hover").prev().removeClass("hover"); }else if(e.keyCode==13){ //EnterautoLi.filter(".hover").mousedown(); }}).focus(function(){ $("#login_autoComplete").data("elt",$(this));}); } $(function(){email_auto("#xxx"); }); 脚本之家测试:邮箱补全提示
上面是我整理给大家的,希望今后会对大家有帮助。
相关文章:
如何解决vue打包后静态资源图片失效的问题
在Vue中设置背景图片
使用vue + less如何实现简单换肤功能