最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

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

来源:动视网 责编:小采 时间:2020-11-27 21:35:12
文档

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

jquery插件实现多行文本框[textarea]自动高度_jquery:实现功能: 1/当textarea换行时自动增加一行高度 2/当textarea删除一行时 自动减少一行的高度 依赖:jquery.xxx.js 工作中需要使用类似功能但是觉得使用插件需要导入其他文件很不方便所以就写了一个 textarea jquery插件 代码如下: 内容
推荐度:
导读jquery插件实现多行文本框[textarea]自动高度_jquery:实现功能: 1/当textarea换行时自动增加一行高度 2/当textarea删除一行时 自动减少一行的高度 依赖:jquery.xxx.js 工作中需要使用类似功能但是觉得使用插件需要导入其他文件很不方便所以就写了一个 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 < 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

jquery插件实现多行文本框[textarea]自动高度_jquery:实现功能: 1/当textarea换行时自动增加一行高度 2/当textarea删除一行时 自动减少一行的高度 依赖:jquery.xxx.js 工作中需要使用类似功能但是觉得使用插件需要导入其他文件很不方便所以就写了一个 textarea jquery插件 代码如下: 内容
推荐度:
标签: 插件 高度 jQuery
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top