& lt; textarea>设置新值时自动复位到顶部

<textarea> auto reset to the top when set a new value

本文关键字：复位 顶部 设置 lt textarea 新值时      更新时间：2023-09-26

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>，当我在内容满后输入，我使用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);
    }
});

当value替换了

我认为你需要滚动到底部追加字符串。这是我的代码。

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

这里的文本区域被设置为滚动。

相关文章：