jquery는 텍스트 영역을 고도로 적응력 있게 구현합니다_jquery

이전에 Javascript를 사용하여 텍스트 영역 높이를 제어하여 콘텐츠에 따라 적응적으로 늘어나고 축소되는 것을 오늘은 구현 방법을 변경하고 요약하는 데 시간을 보냈습니다

코드 복사 코드는 다음과 같습니다.

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} 요소
                                 */
함수 _adjustH(elem){
                      var $obj = jQuery(elem);
                        return $obj.css({height: $obj.attr('_initAdjustHeight'), 'overflow-y': 'hidden'})
.height(elem.scrollHeight);
                }
            }
        });
​​​​ //
사용          $(함수(){
               $('textarea').autoHeight();
        });

위 내용은 이 글에 설명된 내용의 전부입니다. jQuery를 배우시는 모든 분들께 도움이 되었으면 좋겠습니다.