onkeydown在ajax提交之后不起作用

Question

<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>第一次打开网页是正常的  提交之后 字数统计就不工作了

Answer 1

在chrome和ie6下面，光光你这部分代码没有问题。

Answer 2

被你隐藏掉了。function Counter()
{
     
var count=document.getElementById('textarea').value.length;
var total=140;
var last=total-count;
$("#myDiv").css({opacity:1}).stop().show();
if (last>=0) {document.getElementById('myDiv').innerHTML="还可以输入"+last+"字";}
else {document.getElementById('myDiv').innerHTML="已经超过"+(-last)+"字";}
 
}