티스토리 뷰

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




댓글