根据 textarea 行调整 TD 高度答案

【问题标题】：Adjust TD height depending on textarea rows根据 textarea 行调整 TD 高度
【发布时间】：2013-04-19 10:48:35
【问题描述】：

我在<td> 内有一个带有rows="1" 的textarea，因此它在为空时占用尽可能少的空间。

现在我想知道，当用户按下回车键时，如何最好地“扩展”文本区域？

我已经提出了一个非常简单的jsfiddle 来测试这个想法。不幸的是，我对 jsfiddle 不是很好，所以我不知道如何（或是否）可以使用 .on() 或其他事件监听器，所以我只是简单地提出了一个在运行 jsfiddle 时运行的一次性更新.

到目前为止它有效，但我想知道是否有更好/更有效的方法来做到这一点。

PS 调用我想使用的函数keypress 然后这段代码在 SO 上找到了here

var code = (e.keyCode ? e.keyCode : e.which);
if(code == 13) { //Enter keycode
  //expand()
}

【问题讨论】：

标签： jquery textarea html-table

【解决方案1】：

试试这个：

$('.expand').on('keypress', function (e) {

    var code = (e.keyCode ? e.keyCode : e.which);
    if (code == 13) {
        // Enter pressed... do anything here...
        var rows = $(this).attr('rows');
        var rowsNew = parseInt(rows) + 1;
        $(this).attr('rows', rowsNew);
    }
});

DEMO HERE

【讨论】：