62,244
社区成员




<asp:TextBox ID="TextBox1" runat="server" onkeyup="test()" onFocus="this.select();" TextMode="MultiLine" style="width:300px; display: block; overflow:visible;"></asp:TextBox>
<script type="text/javascript">
function test() {
var s0 = "";
if (event.keyCode == 186) {
var s = document.getElementById("TextBox1").value;
ss = s.split(";");
if (ss.length > 2) {
for (var i = 0; i < ss.length - 1; i++) {
s0 += Trim(ss[i]) + "; ";
}
document.getElementById("TextBox1").value = s0;
}
}
}
function Trim(str) {
return str.replace(/^\s+/, '').replace(/\s+$/, '');
}
</script>
<!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>无标题页</title>
<style type="text/css" >
/* Rule 1 of http://mimg.126.net/p/js35/1005181203/css/global.css */
BODY { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #fff; PADDING-BOTTOM: 0px; MARGIN: 0px; OVERFLOW: auto;
COLOR: #000; PADDING-TOP: 0px}
/* Rule 2 of http://mimg.126.net/p/js35/1005181203/css/global.css */
BODY { FONT-SIZE: 12px}
/* Rule 3 of http://mimg.126.net/p/js35/1005181203/css/global.css */
BODY { FONT-FAMILY: verdana,sans-serif}
/* Rule 673 of http://mimg.126.net/p/js35/1005181203/css/global.css */
.ipt-t-dft { BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BACKGROUND: #fff; BORDER-LEFT: 1px solid; CURSOR: text; BORDER-
BOTTOM: 1px solid}
/* Rule 678 of http://mimg.126.net/p/js35/1005181203/css/global.css */
.ipt-t-dft-active { BACKGROUND: #ffffe1}
/* Rule 1465 of http://mimg.126.net/p/js35/1005181203/css/global.css */
.gCmp-form .g-addrs { PADDING-RIGHT: 1px; PADDING-LEFT: 1px; MIN-HEIGHT: 20px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px;
HEIGHT: 24px}
/* Rule 115 of http://mimg.126.net/p/js35/1005181203/css/skin_163blue.css */
.ipt-t-dft { BORDER-LEFT-COLOR: #6c92ad; BORDER-BOTTOM-COLOR: #6c92ad; BORDER-TOP-COLOR: #6c92ad; BORDER-RIGHT-COLOR: #6c92ad}
/* Rule 89 of http://mimg.126.net/p/js35/1005181203/css/global.css */
.g-addrs .g-addr { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; box-sizing: border-box}
/* Rule 145 of http://mimg.126.net/p/js35/1005181203/css/global.css */
.g-addr { DISPLAY: inline; VERTICAL-ALIGN: middle; ZOOM: 1; -moz-box-align: center}
/* Rule 753 of http://mimg.126.net/p/js35/1005181203/css/global.css */
.g-addr { PADDING-RIGHT: 0px; PADDING-LEFT: 3px; PADDING-BOTTOM: 1px; MARGIN: -1px 0px -1px -3px; CURSOR: pointer;
PADDING-TOP: 1px; FONT-FAMILY: tahoma,verdana,sans-serif; WHITE-SPACE: nowrap}
/* Rule 764 of http://mimg.126.net/p/js35/1005181203/css/global.css */
.g-addrs .g-addr { BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 1px; PADDING-
BOTTOM: 1px; MARGIN: 0px 4px 0px 0px; OVERFLOW: hidden; BORDER-LEFT: #fff 1px solid; CURSOR: default; PADDING-TOP: 1px;
BORDER-BOTTOM: #fff 1px solid; HEIGHT: 20px}
/* Rule 766 of http://mimg.126.net/p/js35/1005181203/css/global.css */
.ipt-t-dft-active .g-addr { BORDER-LEFT-COLOR: #ffffe1; BORDER-BOTTOM-COLOR: #ffffe1; BORDER-TOP-COLOR: #ffffe1; BORDER-RIGHT-COLOR:
#ffffe1}
</style>
<script>
function changeStyle(obj,flag)
{
//onmouseover flag 0,onmouseout flag 1
if(flag==0)
{
obj.style.backgroundColor='#66ccff';
}
else{
obj.style.backgroundColor='';
}
}
function changeText(obj,evt,flag)
{
// evt.keyCode==186 => ;
if(evt.keyCode==186||flag==1)
{
var end=obj.innerHTML.lastIndexOf('</DIV>')+6;
end=end<7?0:end;
var html= obj.innerHTML.slice(0,end);
var myArray=obj.innerText.split(';');
var div="<div class=g-addr onmouseout=changeStyle(this,1); onmouseover=changeStyle(this,0);><STRONG>"+myArray[myArray.length-1]+"</STRONG>;</div>";
if(myArray[myArray.length-1]!='')
{
obj.innerHTML=html+div;
evt.returnValue='';
}
}
}
</script>
</head>
<body>
<table>
<tr>
<td>收件人:</td>
<td style="width:200px;">
<div contenteditable="true" class="ipt-t ipt-t-dft g-addrs ipt-t-dft-active" id='divComposeTo'onkeydown="changeText(this,event);" onblur="changeText
(this,event,1);" title=发给多人时地址请以英文分号隔开 >
</div></td>
</tr>
</table>
</body>
</html>