懒人之家--可能是JS网页特效代码收集最全的懒站!

jQuery文本框宽度随着输入内容而自动变化代码

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2017-10-05
这是一款jQuery文本框宽度随着输入内容而自动变化代码,会随着input文本框输入文字的变多变少而自动变长变短的表单代码。


js代码

<script src="js/jquery.auto-grow-input.js"></script>
<script>
	$(function(){
		$('#demo-input').autoGrowInput({ minWidth: 180, maxWidth: function(){ return $('#demo-input-container').width()-40; }, comfortZone: 40 });
	});
	$(window).resize(function(){ $('#demo-input').trigger('autogrow'); });
</script>