javascript - 键入时文本框大小应增加

Question

我正在寻找文本框中的效果。 最初文本框的大小会很小，当输入时，文本框会变大。是否有任何 jquery 插件可用于此效果？如果不是，如何实现。？

Answer 1

$("#mytextbox").keyup(function() {
    $(this).attr("maxLength", $(this).attr("maxLength") + 1);
    $(this).attr("size", $(this).attr("size") + 1);
});

请注意，如果用户在文本框获得焦点的情况下按下功能键，则大小无论如何都会增加。您应该改为监视文本框以了解其值的变化:

$("#mytextbox").keyup(function() {
    $(this).attr("size", $(this).val().length + 1);
});

请注意，第二种方法也支持复制/粘贴到输入字段，而第一种方法不支持，尽管您必须确保用户有足够的空间来复制内容(目前，大小是设置为当前值的 +1，这意味着在增加大小之前用户一次只能输入一个字符。