jquery 插件实现多行文本框[textarea]自动高度

本文主要是介绍jquery 插件实现多行文本框[textarea]自动高度，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

<div class="form-group"><label class="col-sm-3 control-label no-padding-right" for="form-field-5"> 内容</label><div class="col-sm-9"><textarea class="col-sm-8" id="form-field-5" placeholder="请输入内容..."></textarea></div></div>

jQuery.extend({textareaAutosize_dc: function() {$("textarea").on("keyup", function(e) {var currentEnterCount = $(this).val().split("\n").length;var lineHeight = Number($(this).css("line-height").replace("px", ""));var enterCount = $(this).attr("enterCount");if (currentEnterCount < enterCount && enterCount != undefined) {//每行减掉固定行高$(this).height($(this).height() - lineHeight);} else if (currentEnterCount > enterCount) {//每行加入固定行高$(this).height($(this).height() + lineHeight);$(this).attr("enterCount", currentEnterCount);}//记录当前行高$(this).attr("enterCount", currentEnterCount);});}});//调用自动高度$.textareaAutosize_dc();

这篇关于jquery 插件实现多行文本框[textarea]自动高度的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---