jQuery Textarea AutoGrow

오늘 jQuery Textarea AutoGrow 플러그인을 시연하고 싶습니다 너는 아마도 거기에 수십개의 AutoGrow 플러그인이 있다고 생각할 것이다

하지만 실제로 두 가지 특정 기능을 함께 찾고 있었는데 찾는 데 어려움이 있었다 첫 번째는 최대 높이를 갖는 것입니다 텍스트를 계속 입력 할 수는 있지만 정의 된 높이 이상으로 성장하지는 않습니다 과 두 번째는 내가 후크 할 수있는 포스트 증가 콜백 이벤트입니다 내가 이것이 크기를 바꿔 놓았 기 때문에 나는 여분의 코드 조각이있다

그 이벤트에 들어가서 위의 요소를 조정하여 축소시킵니다 그러므로이 전체 영역은 정적 높이로 유지됩니다 그래서 나는 그게 내 tasknote 프로젝트에 대한 싶었어; 여기에 약간의 채팅 영역이 있습니다 기본적으로 페이스 북과 같은 맥락이다 여기에 텍스트 영역을 입력하면 자동으로 성장할 것입니다 – 그리고이 영역이 성장하는 것을 조정하기 위해 축소되고 있음을 알 수 있습니다

텍스트 아래에 그리고 그것은 페이스 북 채팅 시스템을 기반으로합니다 – 나는 그 길을 좋아합니다 그들은 그것을했다, 나는 바퀴를 재발 명하는 점이 없다고 생각했다 그래서 나는 빠른 커서 검색이나 다른 AutoGrow 플러그인 – 나는이 작은 동안 뒤로 썼다 그래서 나는 세부 사항에 다소 흐릿합니다

그러나 나는 단지 내가 보여줄 것이라고 생각했기 때문에 이것이 최고의 히트 곡이었다 이 하나는 성장하는 최대 높이가 없으며 콜백이 없습니다 좋지 않다 이것은 다시 동일합니다 – 최대 높이가 있고 콜백이 없습니다 또한 제거 할 수없는 밑줄이 있습니다

아마도 그건 아마도 거기에 깜박임 문제를 제거하지만 거기에 가지 않을 것입니다 여기 이쪽은 jQueryns-autogrow에는 콜백이 있지만 최대 높이가 없습니다 그래서 이것이 제가 스스로 굴러 간 이유입니다 그것은 매우 간단합니다

출처 github에 나와 있으므로 코드의 기본 원칙을 보여 드리겠습니다 매우 간단합니다 단지 90 줄입니다 내 평소를 알고 있습니다 의견의 40 %

내가하는 방식은 렌더링 된 <div>를 얻는 것입니다 오프 스크린과 그것 텍스트 영역의 스타일을 상속합니다 그래서 내가하는 일은 : 타이핑으로 콘텐츠가 <div>에 삽입 된 다음 <div> – 특히 우리의 값으로 사용할 높이 여기 조정 그리고 나는 그것이 더 신뢰할만한 방법이고 정렬을 보았다는 것을 발견했습니다 의 텍스트 영역의 네이티브 scrollTop 및 scrollHeight 속성 다양한 다른 문제가 있습니다

이 플러그인을 다른 플러그인에서 뽑아내는 기억이납니다 내 인생은 그것이 어떤 것인지 기억한다 그리고 나는 그것을 내 글쓰기에 충분히 좋지 않았다 약간 어리 석다 원래 누구든 고마워요

저것을 썼다; 그것은 매우 유용하지만 나는 크게 변경했습니다 여기 내 목적을위한 코드 jQuery Textarea AutoGrow Plugin이 있습니다