码迷,mamicode.com
首页 > Web开发 > 详细

基于jquery的文本域自适应功能

时间:2017-06-07 15:37:13      阅读:167      评论:0      收藏:0      [点我收藏+]

标签:情况   扩展   text   适应   抖动   初始化   tar   span   天气   

近日在写一个文本域自适应高度的功能,在网上发现一个效果比较好的方法。自己扩展了这个方法,现在分享给大家,有需要的朋友可以试一下,话不多说上代码。

 1 $.fn.autoHeight = function(val) {
 2 
 3     function autoHeight(elem) {
 4         elem.style.height = ‘auto‘;
 5         elem.scrollTop = 0; //防抖动
 6         elem.style.height = elem.scrollHeight + ‘px‘;
 7     }
 8 
 9     this.each(function() {
10 
11     //支持按键弹起时文本域自适应高度
12         $(this).on(‘keyup‘, function() {
13             autoHeight(this);
14         });
15 
16     //支持初始化文本域时自适应高度
17         $(this).text(val);
18         autoHeight(this);
19     });
20 
21 }
22 
23 $("textarea").autoHeight();
24 
25 //var str = "空山新雨后,天气晚来秋。明月松间照,清泉石上流。竹喧归浣女,莲动下渔舟。随意春芳歇,王孙自可留。";
26 
27 //$("textarea").autoHeight(str);//文本域有初始值的情况      

第一篇小随笔,如有问题,欢迎指正。

基于jquery的文本域自适应功能

标签:情况   扩展   text   适应   抖动   初始化   tar   span   天气   

原文地址:http://www.cnblogs.com/sxyymdx/p/6957024.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!