textarea 엔터키 입력할때마다 입력박스 높이를 증가시키는 자바스크립트

풍선도움말...

ㆍ호가계부를 시작페이지로

금융신고
1332

온비드

주택금융공사

[무료] 오늘의 운세 / 바이오리듬

여기는 회원님이 직접 등록하신
즐겨찾는 사이트가 출력됩니다.

컴퓨터와 관련있는 모든 팁을 공유합시다.

textarea 엔터키 입력할때마다 입력박스 높이를 증가시키는 자바스크립트

호가계부|2019-06-19 16:07:28|조회 : 4731

홈페이지의 입력박스( textarea ) 를 엔터키를 입력할때마다 입력박스 창이 한 줄씩 증가하도록 하는 자바스크립트 코드 입니다.

// 자바스크립트로 유동적 입력박스(Textarea) 높이 조절 함수
function textarea_auto(obj, basicHeight) {var b=obj.scrollHeight; if(b>=basicHeight) obj.style.pixelHeight=b+10;}

// html tag
// 입력박스에 Enter Key 를 누를때 마다 입력박스 높이를 증가시킵니다.
// "_"는 삭제하세요

TAG : textarea enterkey 자동증가 높이증가 자바스크립트 javascript html

호가계부	2019-08-26 14:58:36

크롬 동적 크기조절

위의 함수로 실행할때 크롬에서는 동적으로 크지지 않을때가 있다.

obj.style.pixelHeight=b+10; 부분을

obj.style.height=(b+10) + 'px'; 로 수정하면 잘된다.

웹브라우저마다 특성이 다 틀려서 만들려니 정말 귀찮다.

번호	제 목	첨부	작 성 일	작성자	조회
119	[html5] datalist 사용법 (1)		2022-02-03	호가계부	299
113	[Javascript] 숫자를 글자로 바꿔주는 자바스크립트 (1)		2020-03-11	호가계부	763
111	[Javascript] confirm 클릭 확인받기		2019-10-09	호가계부	21944
109	[javascript] window.open으로 오픈한 자식창에서 부모창 태그 �...		2019-09-27	호가계부	1904
107	[JavaScript] 스크롤할때 메뉴바 상단에 고정하기 (1)		2019-09-11	호가계부	5792
97	textarea 엔터키 입력할때마다 입력박스 높이를 증가시키는 자바... (1)		2019-06-19	호가계부	4731
96	javascript encodeURI -> php EUC-KR decode (1)		2019-06-18	호가계부	40922
93	말풍선 위치 계산 (마우스 포인터 위치계산)		2019-01-14	호가계부	6978
78	[JavaScript] try catch문 사용방법		2014-10-25	호가계부	11233

| [1] |

컴퓨터와 관련있는 모든 팁을 공유합시다.

textarea 엔터키 입력할때마다 입력박스 높이를 증가시키는 자바스크립트

[html5] datalist 사용법

[Javascript] 숫자를 글자로 바꿔주는 자바스크립트

[Javascript] confirm 클릭 확인받기

[javascript] window.open으로 오픈한 자식창에서 부모창 태그 �...

[JavaScript] 스크롤할때 메뉴바 상단에 고정하기

textarea 엔터키 입력할때마다 입력박스 높이를 증가시키는 자바...

javascript encodeURI -> php EUC-KR decode

말풍선 위치 계산 (마우스 포인터 위치계산)

[JavaScript] try catch문 사용방법