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

web前端|js教程

jquery,多行文本框,自动高度

web前端-js教程

实现功能:

PHP源码仓库,ubuntu 空格预览,tomcat 百度软件,网络爬虫 ppt,php培训出来找不到工作,西藏品牌seo优化关键词lzw

1/当textarea换行时自动增加一行高度

2/当textarea删除一行时 自动减少一行的高度 依赖:jquery.xxx.js 工作中需要使用类似功能但是觉得使用插件需要导入其他文件很不方便所以就写了一个

《c 编程思想》源码百度云,禁用ubuntu默认驱动,编写爬虫安装视频,php,zblog适合seolzw

textarea jquery插件

帝国源码 不能用记事本,vscode设置 保存,ubuntu 语音,mod jk tomcat,sqlite查询生成新表,checkbox tree 插件,前端有没有必要用框架,items在爬虫中的作用,php检测版本,阳曲seo优化系统,p2p网站模板下载 .net,网页翻书效果代码,电子产品企业简介模板lzw

内容

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]自动高度【jquery】》对你有帮助，请点赞、收藏，并留下你的观点哦！