网页中的textarea高度有的时候是需要能自定变化适应需求,才能满足我们的需要?如何实现呢?下面361源码在网络中找到了利用jquery实现textarea 高度自适应的方法,分享给大家。
jQuery.fn.extend({ autoHeight: function(){ return this.each(function(){ var $this = jQuery(this); if( !$this.attr('_initAdjustHeight') ){ $this.attr('_initAdjustHeight', $this.outerHeight()); } _adjustH(this).on('input', function(){ _adjustH(this); }); }); /** * 重置高度 * @param {Object} elem */ function _adjustH(elem){ var $obj = jQuery(elem); return $obj.css({height: $obj.attr('_initAdjustHeight'), 'overflow-y': 'hidden'}) .height( elem.scrollHeight ); } } }); // 使用 $(function(){ $('textarea').autoHeight(); });
完成,到这里就分享完成了,以上代码361源码转自脚本之家。
以上就是jquery实现textarea 高度自适应的全部内容,希望对大家的学习和解决疑问有所帮助,也希望大家多多支持武林网。新闻热点
疑难解答
图片精选