var nowid;
var totalid;
var can1press = false;
var emailafter;
var emailbefor;
$(document).ready(function () {
$("#txt_Email").focus(function () { //文本框获得焦点,插入Email提示层
$("#myemail").remove();
$(this).after("<div id='myemail' style='width:400px; height:250px;overflow: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:5; '></div>");
if ($("#myemail").html()) {
$("#myemail").css("display", "block");
$("#myemail").css("z_index", "20");
//$(".newemail").css("width", $("#myemail").width());
can1press = true;
} else {
$("#myemail").css("display", "none");
can1press = false;
}
}).keyup(function () { //文本框输入文字时,显示Email提示层和常用Email
var press = $("#txt_Email").val();
if (press != "" || press != null) {
var emailtxt = "";
var emailvar = new Array("@163.com", "@hongkong.com", "@ctimail.com", "@hknet.com", "@biznetvigator.com", "@netvigator.com", "@mail.hk.com", "@swe.com.hk", "@itccolp.com.hk", "@126.com", "@yahoo.com", "@qq.com", "@sina.com", "@gmail.com", "@hotmail.com", "@foxmail.com");
totalid = emailvar.length;
var emailmy = "<div class='newemail' style='width:300px; color:#6B6B6B;position:relative; overflow:hidden;'><font color='#D33022'>" + press + "</font></div>";
if (!(isEmail(press))) {
for (var i = 0; i < emailvar.length; i++) {
emailtxt = emailtxt + "<div class='newemail' style='width:300px;position:relative; 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 class='newemail' style='width:300px;position:relative; 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 ($("#txt_Email").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, "");
$("#txt_Email").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, "");
$("#txt_Email").val(newhtml);
$("#myemail").remove();
}
}
})
})
//检查email邮箱
function isEmail(str) {
if (str.indexOf("@") > 0) {
return true;
} else {
return false;
}
}

posted on 2015-03-24 16:48  Amanda-木子  阅读(336)  评论(0编辑  收藏  举报