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

풍선도움말...

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

금융신고
1332

온비드

주택금융공사

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

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

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

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

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

홈페이지의 입력박스( 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'; 로 수정하면 잘된다.

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

번호	제 목	첨부	작 성 일	작성자	조회
125	[윈도우] Windows에서 폴더의 내용을 텍스트 파일로 저장하는 방...		2023-08-22	호가계부	224
118	[Android] android studio 설치 및 셋팅 (2)		2021-06-05	호가계부	1019
116	phpMyAdmin 설치 및 오류 해결 (2)		2021-04-26	호가계부	31765
114	cURL 사용법 (6)		2020-05-16	호가계부	3314
112	[엑셀] 셀을 클릭하면 설명 메시지를 팝업 시키는 방법 (1)		2019-11-07	호가계부	5080
109	[javascript] window.open으로 오픈한 자식창에서 부모창 태그 �...		2019-09-27	호가계부	1917
106	CSS3 미디어쿼리 @media 규칙 이해.		2019-09-09	호가계부	4662
99	홈페이지(웹브라우저) 창 가로 세로 확인 방법		2019-07-07	호가계부	24500
97	textarea 엔터키 입력할때마다 입력박스 높이를 증가시키는 자바... (1)		2019-06-19	호가계부	4751
95	윈도우 창 단축키		2019-06-07	호가계부	3266
83	URL 최대길이		2015-06-16	호가계부	11039
79	[JavaScript] typeof 문 사용방법		2014-10-25	호가계부	10523
75	IE 문서모드		2014-08-11	호가계부	16167
74	javascript 에서 window.onload() 와 window::onload() 비교 (2)		2014-07-23	호가계부	6375
70	Internet Explorer에서 웹 페이지를 인쇄하거나 인쇄 미리 보기�...		2014-02-28	호가계부	11324
68	정상 아이디로 로그인 했는데 deleted 로 로그인 되는경우!!!		2014-02-04	호가계부	26945
61	Apache rewrite Module		2010-10-12	아파치	287750
55	mysql error: 145 처리방법		2009-06-03	관리자	7505
54	HTTP_REFERER 값의 변화		2008-12-22	관리자	31664
48	명령 실행창에서 실행할 수 있는 Windows 기본 App. 명령어		2008-05-24	관리자	47739

| [1] 2 |

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

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

[윈도우] Windows에서 폴더의 내용을 텍스트 파일로 저장하는 방...

[Android] android studio 설치 및 셋팅

phpMyAdmin 설치 및 오류 해결

cURL 사용법

[엑셀] 셀을 클릭하면 설명 메시지를 팝업 시키는 방법

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

CSS3 미디어쿼리 @media 규칙 이해.

홈페이지(웹브라우저) 창 가로 세로 확인 방법

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

윈도우 창 단축키

URL 최대길이

[JavaScript] typeof 문 사용방법

IE 문서모드

javascript 에서 window.onload() 와 window::onload() 비교

Internet Explorer에서 웹 페이지를 인쇄하거나 인쇄 미리 보기�...

정상 아이디로 로그인 했는데 deleted 로 로그인 되는경우!!!

Apache rewrite Module

mysql error: 145 처리방법

HTTP_REFERER 값의 변화

명령 실행창에서 실행할 수 있는 Windows 기본 App. 명령어