62,047
社区成员
发帖
与我相关
我的任务
分享
<asp:TextBox ID="NewEmail" runat="server" Width="180px"> </asp:TextBox>
var nowid;
var totalid;
var can1press = false;
var emailafter;
var emailbefor;
$(document).ready(function() {
$("#NewEmail").focus(function() { //文本框获得焦点,插入Email提示层
$("#myemail").remove();
$(this).after("<div 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 = $("#NewEmail").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 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 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 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 ($("#NewEmail").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, "");
$("#NewEmail").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, "");
$("#NewEmail").val(newhtml);
$("#myemail").remove();
}
}
})
})
//检查email邮箱
function isEmail(str) {
if (str.indexOf("@") > 0) {
return true;
} else {
return false;
}
}
$("#id") //直接写Id的一般获取客户端如div
&("#<%=id%>") //一般ruant="server"