到达最后一行时增加文本区域的高度

Increase height of textarea when last line reached

本文关键字：增加 文本 区域 高度 一行 最后      更新时间：2023-09-26

我正在尝试创建一个类似于http://snippi.com/.如果你键入的内容足够多，达到了底线（点击回车键），那么它会将文本区域的高度增加一个"行高"（在我的网站上为21px）。

我相信最好的方法是使用jQuery，但我真的不确定从哪里开始。有人能帮忙吗？如果当你删除一行时，它会像上面一样"收缩"一个"行高"，那也会非常棒http://snippi.com/.

我已经尝试过了，代码在jsFiddle上。这就是我开始的：

$('#text').focus(function () {
    // Do something here
});

我相信Snippi使用了这样的东西。http://www.jacklmoore.com/autosize/

用法

// Example:
$(document).ready(function(){
    $('textarea').autosize();   
});

手动触发

$('#example').val('New Text!').trigger('autosize.resize');
相关文章：