Jquery 根据文本区域行调整TD高度

我在

中有一个带有

rows=“1”

的文本区域，因此当它为空时，会占用尽可能少的空间

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

我提出了一个非常简单的方法来测试这个想法。不幸的是，我不太擅长使用JSFIDLE，所以我不知道如何（或者是否）使用

.on（）

或其他事件侦听器，所以我只提供了一个在运行JSFIDLE时运行的一次性更新

到目前为止，它是有效的，但我想知道是否有更好/更有效的方法

PS调用我想使用的函数

keypress

，然后这个代码被发现

试试这个：

$('.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);
    }
});

$('.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);
    }
});