首页 > 代码库 > 基于jquery的文本域自适应功能
基于jquery的文本域自适应功能
近日在写一个文本域自适应高度的功能,在网上发现一个效果比较好的方法。自己扩展了这个方法,现在分享给大家,有需要的朋友可以试一下,话不多说上代码。
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的文本域自适应功能
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。