| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | ||
| 6 | 7 | 8 | 9 | 10 | 11 | 12 |
| 13 | 14 | 15 | 16 | 17 | 18 | 19 |
| 20 | 21 | 22 | 23 | 24 | 25 | 26 |
| 27 | 28 | 29 | 30 | 31 |
Tags
- application.yml
- Query
- 2 > /dev/null
- WeNews
- 외부키
- 서브쿼리
- 테스트
- 예약
- 추후정리
- 컨테이너실행
- EC2
- 테스트메소드
- 참조키
- MySQL
- appspec
- appspec.yml
- ubuntu
- 적용우선순위
- querydsl
- docker명령어
- foreignkey
- AuthenticationEntryPoint
- 커밋메세지수정
- 네이티브쿼리
- 포트
- 메세지수정
- 검색
- 메소드명
- subquery
- ㅔㄴ션
Archives
- Today
- Total
제뉴어리의 모든것
내용에 따라 높이가 조절되는 textarea 본문
참고 내용
const targetTextarea = document.querySelector(`#target`);
if(targetTextarea.scrollHeight > targetTextarea.clientHeight) //textarea height 확장
targetTextarea.style.height= targetTextarea.scrollHeight + "px";
else //textarea height 축소
targetTextarea.style.height= (targetTextarea.scrollHeight-18) + "px";
실제 적용 내용
addEventListenerTxtArea: function () {
var textarea = document.getElementById("content");
if(textarea.scrollHeight > textarea.clientHeight) //textarea height 확장
textarea.style.height= textarea.scrollHeight + "px";
else
textarea.style.height= (textarea.scrollHeight-18) + "px";
}
참고
'javascript' 카테고리의 다른 글
| 자바스크립트 substring 과 slice의 차이 (0) | 2023.09.10 |
|---|---|
| Array.prototype.map() (0) | 2023.09.07 |
| 텍스트 영역 콘텐츠가 변경되었는지 감지 (0) | 2023.04.18 |
| jQuery 이벤트 바인딩(on 함수 이용) (0) | 2021.04.01 |
| textarea에서 enter 감지하여 이벤트 발생시키기 (0) | 2021.03.30 |