亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 網站 > 實用代碼 > 正文

輸入Email信箱地址自動提示，jquery插件版

2024-09-05 12:17:59

字體：大中小

來源：轉載

供稿：網友

Email地址自動提示jQuery版，在輸入框中輸入“qq”、“Sina”、“163”等各大門戶網站的縮寫可以看到效果，實際上，我們通過這個輸入提示，還可掌握文本框失去焦點時，如何刪除某提示層、如何加亮文本框等，單就郵箱輸入提示來說，我覺得已經非常難得了！

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>輸入Email相關字符自動提示Email地址</title><script src="/ajaxjs/jquery1.3.2.js" language="javascript" type="text/javascript"></script><style type="text/css">body{	margin:0px;	padding:0px;	font-family:Arial;	font-size:12px;	padding:10px;}#myemail, .newemail, .newemailtitle{    	cursor:default;	line-height:18px;}</style></head><body>Email <input id="me" type="text" value="" style="width:150px; height:18px; line-height:18px; border:1px solid #999;"><script type="text/javascript">var nowid;var totalid;var can1press = false;var emailafter;var emailbefor;$(document).ready(function(){	    $("#me").focus(function(){ //文本框獲得焦點，插入Email提示層        $("#myemail").remove();	$(this).after("<div   class="ywacs0w"   id='myemail' style='width:170px; height:auto; background:#fff; color:#6B6B6B; position:absolute; left:"+$(this).get(0).offsetLeft+"px; top:"+($(this).get(0).offsetTop+$(this).height()+2)+"px; border:1px solid #ccc;z-index:5px; '></div>");        if($("#myemail").html()){             $("#myemail").css("display","block");	$(".newemail").css("width",$("#myemail").width());		can1press = true;        } else {             $("#myemail").css("display","none");		can1press = false;        }		    }).keyup(function(){ //文本框輸入文字時，顯示Email提示層和常用Email		var press = $("#me").val();		if (press!="" || press!=null){		var emailtxt = "";					var emailvar = new Array("@163.com","@126.com","@yahoo.com","@qq.com","@sina.com","@gmail.com","@hotmail.com","@foxmail.com");		totalid = emailvar.length;			var emailmy = "<div   id="00u0ga0"   class='newemail' style='width:170px; color:#6B6B6B; overflow:hidden;'><font color='#D33022'>" + press + "</font></div>";			if(!(isEmail(press))){			    for(var i=0; i<emailvar.length; i++) {				    emailtxt = emailtxt + "<div   id="saei0ay"   class='newemail' style='width:170px; color:#6B6B6B; overflow:hidden;'><font color='#D33022'>" + press + "</font>" + emailvar[i] + "</div>"			    }			} else {			    emailbefor = press.split("@")[0];			    emailafter = "@" + press.split("@")[1];			    for(var i=0; i<emailvar.length; i++) {			         var theemail = emailvar[i];			         if(theemail.indexOf(emailafter) == 0)			         {				         emailtxt = emailtxt + "<div   id="kima80a"   class='newemail' style='width:170px; color:#6B6B6B; overflow:hidden;'><font color='#D33022'>" + emailbefor + "</font>" + emailvar[i] + "</div>"				     }			    }			}			$("#myemail").html(emailmy+emailtxt);			if($("#myemail").html()){				 $("#myemail").css("display","block");				 $(".newemail").css("width",$("#myemail").width());				 can1press = true;			} else {				 $("#myemail").css("display","none");				 can1press = false;			}			beforepress = press;		}		if (press=="" || press==null){		    $("#myemail").html("");				     $("#myemail").css("display","none");    		}				    })	$(document).click(function(){ //文本框失焦時刪除層        if(can1press){			$("#myemail").remove();			can1press = false;				if($("#me").focus()){			    can1press = false;			}		}    })    $(".newemail").live("mouseover",function(){ //鼠標經過提示Email時，高亮該條Email        $(".newemail").css("background","#FFF");        $(this).css("background","#CACACA");				$(this).focus();		nowid = $(this).index();    }).live("click",function(){ //鼠標點擊Email時，文本框內容替換成該條Email，并刪除提示層        var newhtml = $(this).html();        newhtml = newhtml.replace(/<.*?>/g,"");        $("#me").val(newhtml);         $("#myemail").remove();    })	$(document).bind("keydown",function(e)  	{     		if(can1press){			switch(e.which)     			{            				case 38:				if (nowid > 0){							$(".newemail").css("background","#FFF");					$(".newemail").eq(nowid).prev().css("background","#CACACA").focus();					nowid = nowid-1;						}				if(!nowid){					nowid = 0;					$(".newemail").css("background","#FFF");					$(".newemail").eq(nowid).css("background","#CACACA");							$(".newemail").eq(nowid).focus();								}				break;       						case 40:				if (nowid < totalid){									$(".newemail").css("background","#FFF");					$(".newemail").eq(nowid).next().css("background","#CACACA").focus();						nowid = nowid+1;							}				if(!nowid){					nowid = 0;					$(".newemail").css("background","#FFF");					$(".newemail").eq(nowid).css("background","#CACACA");							$(".newemail").eq(nowid).focus();								}				break;  						case 13:				var newhtml = $(".newemail").eq(nowid).html();				newhtml = newhtml.replace(/<.*?>/g,"");				$("#me").val(newhtml); 				$("#myemail").remove();			}		}   	})}) //檢查email郵箱function isEmail(str){    if(str.indexOf("@") > 0)         {             return true;    } else {        return false;    }}</script>在輸入框中輸入“qq”、“Sina”、“163”等等可以看到效果</body></html>

上一篇：超多簡單的無縫滾動代碼，文字+圖片

下一篇：JavaScript指定打開瀏覽器窗口的位置

學習交流

如何查找有故障的配件

如何查找有故障的配件...

熱門圖片

猜你喜歡的新聞

猜你喜歡的關注

新聞熱點

最牛同桌！我考了696分我同桌考了703分

2024-06-26 22:28:41

650分！高二女生考入北大：遺憾不能上高三

2024-06-26 22:26:16

男生估分600只考了397 媽媽：高考雖重要，但不代表所有

2024-06-26 22:23:01

唐尚珺回應是否會直播帶貨：有人出100萬想和他合作！

2024-06-25 19:29:23

名校搶人名場面：清華、北大太拼了！

2024-06-25 19:22:14

男生高考語文滿分！網友：第一次聽說

2024-06-25 19:19:15

疑難解答

圖片精選

網友關注

亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

久久久国产影院| 亚洲影院污污.| 日韩亚洲精品视频| 亚洲国产日韩欧美在线99| 欧美日韩亚洲91| 欧美日韩国产麻豆| 91久久精品一区| 91精品国产91久久久久久不卡| 成人精品视频久久久久| 国产成人aa精品一区在线播放| 高清一区二区三区四区五区| 日韩电影免费观看中文字幕| www.日韩av.com| 91成品人片a无限观看| 欧美日韩国产一区在线| 亚洲成人在线视频播放| 欧美激情一区二区三级高清视频| 亚洲精品一二区| 中文字幕亚洲综合| 亚洲国产欧美一区| 久久综合伊人77777蜜臀| 国产美女精彩久久| 日韩欧美亚洲成人| 成人在线国产精品| 国产精品一区二区三区在线播放| 亚洲精品一区二三区不卡| 亚洲高清一二三区| 国产精品入口免费视| 日韩中文字幕免费视频| 欧美性一区二区三区| 亚洲国产高清福利视频| 亚洲人成网7777777国产| 尤物九九久久国产精品的分类| 九九九久久国产免费| 97超级碰碰人国产在线观看| 国产成人精彩在线视频九色| 精品久久久久久久久久久久| 亚洲电影免费观看高清完整版在线观看| 欧美精品一二区| 青草青草久热精品视频在线网站| 一区二区三区天堂av| 久久久国产在线视频| 欧美在线一级视频| 亚洲福利视频久久| 国内外成人免费激情在线视频| 久久精品国产成人精品| 亚洲欧美激情一区| 日韩在线国产精品| 欧美成年人视频网站| 国产日韩欧美在线播放| 国产成人精品电影久久久| 中文字幕在线国产精品| 国产v综合ⅴ日韩v欧美大片| 久久影视电视剧凤归四时歌| 日韩禁在线播放| 欧美洲成人男女午夜视频| 国产精品久久一区主播| 久久成人av网站| 亚洲欧洲在线观看| 国产精品高潮视频| 日韩av手机在线看| 国内成人精品一区| 国内精品久久久久久中文字幕| 亚洲欧美日韩精品久久| 日韩国产激情在线| 亚洲成在人线av| 日韩一级裸体免费视频| 狠狠色狠狠色综合日日五| 欧美一级电影在线| 欧美性生交xxxxx久久久| 欧美日韩在线观看视频小说| 成人网在线免费观看| 高清日韩电视剧大全免费播放在线观看| 中文字幕日韩精品在线观看| 国产精品视频免费在线观看| 国内自拍欧美激情| 国产97人人超碰caoprom| 欧美性videos高清精品| 久久精品视频导航| 国产色综合天天综合网| 国产拍精品一二三| 久久久精品美女| 国产精品免费一区豆花| 欧美精品videofree1080p| 精品成人国产在线观看男人呻吟| 亚洲国产精品999| 亚洲欧洲午夜一线一品| www.亚洲天堂| 欧美最猛性xxxxx亚洲精品| 日韩av电影院| 欧美俄罗斯性视频| 亚洲综合中文字幕在线观看| 久久久久久91香蕉国产| 国产精品视频内| 欧美精品免费在线观看| 欧美成人小视频| 成人xvideos免费视频| 国产精品色午夜在线观看| 青青久久aⅴ北条麻妃| 亚洲欧美一区二区激情| 欧美成人免费全部| 欧洲中文字幕国产精品| 色一区av在线| 一区二区三区黄色| 色综合影院在线| 日韩经典中文字幕在线观看| 热re91久久精品国99热蜜臀| 国产精品白丝av嫩草影院| 欧美高清电影在线看| 欧美激情按摩在线| 亚洲美女又黄又爽在线观看| 国产日韩欧美夫妻视频在线观看| 欧美中文字幕在线视频| 国产做受高潮69| 国产精品久久久久久久久久久新郎| 日韩美女毛茸茸| 国产欧美在线欧美| 亚洲国产精品国自产拍av秋霞| 国产成人拍精品视频午夜网站| 久久成人av网站| 日韩中文视频免费在线观看| 国产一区二区三区视频在线观看| 国产精品网站大全| 国产69久久精品成人| 亚洲免费视频在线观看| 日韩有码片在线观看| 91精品在线观| 国产精品久久久久久久美男| 国产精品欧美日韩一区二区| 亚洲自拍在线观看| 亚洲精品国产精品乱码不99按摩| 蜜臀久久99精品久久久无需会员| 日本高清不卡在线| 亚洲日韩欧美视频| 色综合久久悠悠| 懂色aⅴ精品一区二区三区蜜月| 欧美激情va永久在线播放| 欧美在线性视频| 中文字幕综合在线| 欧美肥婆姓交大片| 久久婷婷国产麻豆91天堂| 日本亚洲精品在线观看| 国产精品久久久久久久久久三级| 国产精品自在线| 国产精品成熟老女人| 亚洲成年人在线播放| 国产91久久婷婷一区二区| 91免费的视频在线播放| 国产精品91久久久久久| 中文字幕在线精品| 在线观看日韩视频| 欧美最顶级丰满的aⅴ艳星| 亚洲国产精品电影在线观看| 亚洲毛片在线观看| 日韩av在线不卡| 国产亚洲欧洲高清一区| 亚洲在线观看视频| 日韩欧美在线看| 欧美精品久久久久a| 欧美日韩国产一中文字不卡| 精品久久久久久电影| 欧美高清电影在线看| 亚洲欧美日韩网| 精品久久久久久久久久久久|