Question

我在rows="1"内有<td>的文字区域，因此在空的时候占用的空间尽可能少。

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

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

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

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

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

Answer 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

根据textarea行调整TD高度

1 个答案: