textarea 光标移动到尾部并且选中内容

Question

<script language="javascript">
function sel()
{   var r1=document.getElementById("area1").createTextRange();
   r2=r1.duplicate();
   r1.moveStart('character',r1.text.substr(0,1));
   r1.setEndPoint("EndToEnd",r2);  
   r1.select();
   r1.collapse(false);}
</script>
<textarea  id="area1">
sssfffffffff
sffffff
</textarea> 
<input type=button value="选中" onclick="sel()" />我这个光标不知道怎么移动到尾部 而且空格也选进去了

Answer 1

这样？<script language="javascript">
function sel()
{
   var r1=document.getElementById("area1").createTextRange();
   r1.moveStart('character',0);
   var s = document.getElementById("area1").value;
   var n = 0;
   for(var i=s.length-1;i>=0;i--){
     var c = s.charAt(i);
     if(c=='\n' || c=='\t' || c==' ') n++;
     else {break;}
   }
   r1.moveEnd('character', 0-n);
   r1.select();
   r1.collapse(false);
}
</script>
<textarea  id="area1">
sssfffffffff
sffffff
</textarea> 
<input type=button value="选中" onclick="sel()" />