jquery - 从文本区域中删除底部填充，并禁用 "return"键

Question

我想将文本区域设置为看起来像默认的单行文本输入...当用户输入字符时，文本区域也会垂直(高度)调整大小。我已经找到了解决这个问题的基础，使用 autosize插件，如下面的 JSFiddle 所示:

http://jsfiddle.net/9aSm2

$(function(){
    $('.animated').autosize();
});

我无法弄清楚的是如何摆脱占位符文本(“输入所需信息”)下方的额外文本区域底部填充，使其消失。这个底部填充导致文本区域看起来有两行。如果有要包含的文本，我只希望一行可见。因此，任何时候都没有底部填充，也没有随着文本区域的增长。

还有，有什么方法可以禁用“返回”键吗？这样，textarea 的行为更像是一个单行文本输入字段。

感谢您的宝贵时间。

Answer 1

在你的 autosize 插件中使用 append 属性来移除额外的底部空间，默认情况下是

追加:'\n'

改成这个

$('.animated').autosize({append: '',});

DEMO