Question

我试图得到答案。在谷歌搜索也是如此。但遗憾的是无法得到答案。我有textarea的div。在keyup上我希望div随着输入的文本增加而且在输入时按div高度应该根据fontsize增加。当我按下输入宽度继续从它停止的地方增加。检查这个小提琴并帮我解决问题。 DEMO ：http://jsfiddle.net/shabbirrangwala/NkRYY/8/

$('textarea').keyup(function(e) {


if ((e.keyCode || e.which) == 13) {
$('.EDetailInset').css('height', ((this.value.length + 1) * 3) + 'px');

}
else 
{
$('.EDetailInset').css('width', ((this.value.length + 1) * 11) + 'px');

}
});

Answer 1

您可以将+ = 15作为参数传递给css函数。试试这个：

$('textarea').keyup(function(e) {

    if ((e.keyCode || e.which) == 13) {
        $('.EDetailInset').css('height', "+=30");
    }
    else {
        $('.EDetailInset').css('width', "+=30");
    }
});

如果你想做更高级的事情，我建议你阅读read this。

Answer 2

尝试此功能就像您希望它将textarea更改为div一样，我使用div的高度和宽度来保持正确的高度/宽度http://jsfiddle.net/NkRYY/9/

在textarea输入上增加div的宽度和高度

2 个答案: