onkeydown在ajax提交之后不起作用
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js"></script>
<script type="text/javascript" >
$(document).ready(function(){
$("#button").bind("click",function(){
var text = $('#textarea').val();
if (text=="")
{
alert("null");
}
else if(document.getElementById('textarea').value.length>140)
{
alert("full");
}
else
{
text = encodeURI(text);
$("#myDiv").text("发布成功").show();
$.ajax({
type: "POST",
url: "post.jsp",
data: { utext: text },
success: function(msg){
$("#mainDiv").html(msg);
$("#myDiv").text("发布成功").fadeOut(2500);
document.getElementById('textarea').value="";//清空textarea
}
});
}
});
});
</script>
<script type="text/javascript" >
function Counter()
{
var count=document.getElementById('textarea').value.length;
var total=140;
var last=total-count;
if (last>=0) {document.getElementById('myDiv').innerHTML="还可以输入"+last+"字";}
else {document.getElementById('myDiv').innerHTML="已经超过"+(-last)+"字";}
}
</script>
<textarea name="textarea" cols="50" rows="4" id="textarea" onKeyDown="Counter();" onKeyUp="Counter();"></textarea>
