<textarea>自動復位到頂部設置一個新值

Question

HTML時：

<textarea rows="3" cols="50"> 
Cake cupcake sesame snaps. Cookie marshmallow bonbon faworki pie caramels. 
Icing tootsie roll jelly-o pudding bear claw. Candy topping fruitcake jelly... 
{Type something after this..} 
</textarea> 

的jQuery：

$('textarea').on("keyup", function(e) { 
     var val = $('<div/>').html($(this).val()); 
     $(this).val(val.text().replace(/'/g,"’")); 
}); 

演示：http://jsfiddle.net/u6PmN/

我有一個<textarea>固定大小，當我t內容後YPE已滿，我使用jQuery來代替某些字符串，所以......

<textarea>復位頂端

任何想法？

---

更新：

我喜歡這個

$('textarea').on("keyup", function(e) { 
    var oldVal = $(this).val(); 
    var newVal = $('<div/>').html($(this).val()); 
    var newVal = newVal.text().replace(/'/g,"’"); 
    if(oldVal!=newVal) { 
     $(this).val(newVal); 
    } 
}); 

只要把一個新的替代值當值已經取代

Answer 1

我認爲ü需要滾動到底上追加字符串。這裏是我的代碼..

$('textarea').on("keyup", function(e) { 
     var val = $('<div/>').html($(this).val()); 
     $(this).val(val.text().replace(/'/g,"’")); 
$(this).animate({ 
    scrollTop:$(document).height() 
},1000) 
}); 

這裏textarea被設置爲滾動。