`

textarea中的OnChange事件与onkeyup事件

阅读更多

有个textarea,想实现字符改变,显示的字符数也随着变化

 

用onkeyup事件控制。下面的代码可以实现时时变化。t1里显示textarea里的时时字符数,你可以自己试一下。  
  <input   size=3   name="t1"   value="0"   ID="Text1"   readonly>  
  <textarea   name="txtname"   onkeyup="document.getElementById('t1').value=this.value.length"   ID="Textarea1"></textarea>

 

使用onchange事件,代码如下:

<script   language   =   'javascript'>  
  function   changetxt(){  
  //代碼  
  //例如  
  //form1.txt1.value   =   form1.txt.value  
  }  
  </script>  
  <textarea   name="txt"   id="txt"   onchange="javascript:changetxt()"></textarea>

 

两者区别:

如果用onchange,只有把鼠标离开text,点击其余地方才响应。  
实时响应应该是onkeyup
   

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics