Javascript 键入时文本框大小应增大

Javascript 键入时文本框大小应增大,javascript,jquery,textbox,Javascript,Jquery,Textbox,我正在文本框中寻找效果。 最初,文本框的大小将很小,输入时,文本框应变大。是否有任何jquery插件可用于此效果?如果没有,如何才能做到这一点 $("#mytextbox").keyup(function() { $(this).attr("maxLength", $(this).attr("maxLength") + 1); $(this).attr("size", $(this).attr("size") + 1); }); 请注意,如果用户在文本框聚焦的情况下按下功能键,

我正在文本框中寻找效果。 最初,文本框的大小将很小,输入时,文本框应变大。是否有任何jquery插件可用于此效果?如果没有,如何才能做到这一点

$("#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,这意味着用户在增加大小之前一次只能输入一个字符)


这直接从文本框中输入的字符串长度获取大小。

看看这个jquery插件:


你试过什么?从谷歌开始怎么样。。?结果#3看起来很有用。你需要先接受一些答案,我准备接受,但我的声誉应该是15,你只需要1次代表点击复选标记,这是接受。我给了你5次重复,所以你也可以向上投票(向上箭头)其中的一些答案:)哦,编辑我的答案,
maxlength
应该是
maxlength
。如果这个答案对你有用,别忘了接受它!maxlength与物理大小不同。在HTML属性中,大小写是不相关的。Woops,您还需要修改
size
属性:在回避了我的答案之后,似乎根本不需要设置maxlength。这项工作很好::dun幸运的是,这个答案不会让用户输入,因为大小将自动等于文本框中已有的大小,这意味着用户将无法输入任何新文本。此外,如果只修改一个变量,则无需将对象传入
.attr()
函数。只需使用
$(this.attr(“size”,“this.val().length”)假设文本框有一个默认/起始大小,它工作正常。哦,你是对的,我忘记了长度实际上比字符串中的字符量大一个,因为字符是0索引的。这个很好用D-1发送给该站点后面的人员。链接页面上的演示不起作用!(我用的是Chrome。)我用的是Chrome,它对我有用吗?你试过这个吗?jsfiddle按原样工作,但是链接页面仍然有缺陷。似乎“弹性”在文本区域中起作用,但页面的其余部分却不起作用。。。
var $text = $('myselector')
$text.keyup(function() {
    $(this).attr({size : $(this).val().length});
});