<! DOCTYPE HTML Public"-//W3C//DTD XHTML 1.0 transitional//en" "HTTP://WWW.W3.ORG/TR/XHTML1/DTD/XHTML1-TRANSITIONAL.DTD">"http://www.w3.org/1999/xhtml">"Content-type"Content="text/html; Charset=utf-8"/><title> Weibo release </title><style>body{Font-size:12px;} #div1 {width:400px; margin:20px auto;} #div1 p{float: Right; Margin0;} #div1 textarea{width:400px; height:100px;} #div1 a{width:50px; height:30px; font-size:16px; line-height:30px; Text-align:center;float: Right; background: #00FF00; color: #FFFFFF;} #div1 a.dis{background: #CCCCCC; color:#666666;}</style><script>//onchange: When the cursor disappears, it can only be triggered once//ie:onpropertychange: input continuous Trigger//Standard: Oninput: also continuous triggerwindow.onload=function () {varOT = document.getElementsByTagName ('textarea')[0]; varOspan = document.getElementsByTagName ('span')[0]; varOa = document.getElementsByTagName ('a')[0]; varstr =NULL; if(!+[1,]){//determine if IE is not a browserOt.onpropertychange =ontext_cli; } Else{ot.oninput=ontext_cli; } function Ontext_cli () {if(Ot.value = ="'|| OT.value.length > $) {Oa.classname='Dis'; }Else{oa.classname="'; } varnum = Math.ceil (getlength (ot.value)/2); if(!Ospan) { return } if(num<= $) {ospan.innerhtml= $-num; Ospan.style.color="'; } Else{ospan.innerhtml= num- $; Ospan.style.color='Red'; }} function GetLength (str) {returnString (str). replace (/[^\x00-\xff]/g,'AA'). length; } //Ot.onfocus =function () {ospan.innerhtml=' $'; } Ot.onblur=function () {ospan.innerhtml="'; } }</script>"Div1"> <p> Sina Weibo Community Convention (draft) request for Comments </p><span></span> <textarea></textarea> <aclass="Dis"href="javascript:;"> Release </a></div></body> Micro-Blog input related JS code