jquery 外掛實作多行文字方塊[textarea]自動高度_jquery

實作功能:

1/當textarea換行時自動增加一行高度
2/當textarea刪除一行時 自動減少一行的高度 依賴:jquery.xxx.js 工作中需要使用類似功能但是覺得使用插件需要導入其他文件很不方便所以就寫了一個

textarea jquery外掛程式

複製程式碼 程式碼如下:

    內容
   

       
   

複製程式碼 程式碼如下:

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                 //每行中減固定行程高
                $(this).height($(this).height() - lineHeight);
            } else if (currentEnterCount > enterCount) {
                //每行加入固定式高
                $(this).height($(this).height() lineHeight);
                $(this).attr("enterCount", currentEnterCount);
            }
            //記錄目前行高
            $(this).attr("enterCount", currentEnterCount);
        });
    }
});
//呼叫自動高度
$.textareaAutosize_dc();

以上就是本文的全部內容了，希望大家能夠喜歡。