jQuery实现textarea自动增长宽高的方法

前端技术 2023/09/06 JavaScript

本文实例讲述了jQuery实现textarea自动增长宽高的方法。分享给大家供大家参考，具体如下：

<script type=\"text/javascript\">
$(function(){
$(\"#iptcont\").bind(\"keydown\",function(e){
var key = e.which,that = this,h = 20;
if (key == 13) {
var brs = $(this).val().split(\"\\n\").length+1;
$(this).attr(\"rows\",brs).height(h*brs);
}else if(key == 8){
window.setTimeout(function(){
var brs = $(that).val().split(\"\\n\").length;
$(that).attr(\"rows\",brs).height(h*brs);
},100);
}
});
});
</script>
<body>
<textarea id=\"iptcont\" rows=\"1\" style=\"border:none;height:20px;border-bottom:1px solid blue;width:200px;resize:none;font-size:18px;line-height:20px;overflow:hidden;\"></textarea>
</body>

希望本文所述对大家jQuery程序设计有所帮助。

本文地址：https://www.stayed.cn/item/17545

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案