티스토리 뷰

IT 이야기/프로그래밍

[Javascript] Enter키를 누를 때마다 텍스트 에어리어 크기 변경

하늘과 나b 2010. 7. 31. 15:52
J a v a s c r i p t

Enter키를 누를 때마다 Textarea 크기 변경하는 스크립트 소스


자바스크립트 부분을 아래와 같이 설정해주세요.

<script type="text/javascript">
function adjustArea(object)
{
  var area = document.getElementById(object) ;

  if(event.keyCode == 13)
  {
    area.rows = area.rows + 1 ;
  }
  return true ;
}

window.onkeypress=adjustArea;
</script>

 

<body> 태그 안에 아래와 같이 설정해 주세요.

 

<textarea id="auto_area" rows="10" cols="50" onKeyPress="adjustArea('auto_area')"></textarea>


전체 소스를 보도록 할게요.

<html>
<head>
  <script type="text/javascript">
function adjustArea(object)
{
  var area = document.getElementById(object) ;

  if(event.keyCode == 13)
  {
    area.rows = area.rows + 1 ;
  }
  return true ;
}
</script>
</head>

<body>
    <textarea id="auto_area" rows="10" cols="50" onKeyPress="adjustArea('auto_area')"></textarea>
</body>
<html>


위 소스를 그대로 실행하면 아래와 같이 나와요^^
소스는 아래에서 받으세요^^

textarea_test.htm




저작자표시

'IT 이야기 > 프로그래밍' 카테고리의 다른 글

[C언어 예제] 텍스트 파일 뷰어 소스  (0) 2010.08.05
[HTML/CSS] 홈페이지 만들 때 유용한 텍스트 롤오버 메뉴 만들기  (0) 2010.08.03
[Javascript] Document객체의 프로퍼티  (0) 2010.08.03
[JSP] 톰캣 사용시 스택 트레이스의 사용  (0) 2010.07.31
[JSP] Tomcat 5.x 에서 JSP 한글 문제  (0) 2010.07.31
[HTML] <DL>, <DT>, <DD> 태그  (0) 2010.07.31
[HTML] 이미지 위에 툴바 안보이게 하기  (0) 2010.07.31
[Javascript] Navigator 객체  (0) 2010.07.31
[Javascript] 자바스크립트 에러 표시  (0) 2010.07.31
[Javascript] 드래그 금지하는 스크립트  (0) 2010.07.31
공유하기 링크
댓글