마우스로 클릭하면 글상자의 글이 선택됩니다

Java Script 2011. 9. 4. 21:08


  안녕하세요?
  오늘 스크립트 소스는 텍스트상자의 글자를 마우스로 클릭하면 다 선택이 되게 하는 소스입니다. 아주 간단하니 예제소스를 보시지요.

<textarea name="" rows="5" cols="60" onfocus="this.select()">마우스를 클릭하면 이곳의 텍스트가 모두 선택됩니다</textarea>
<input type="text" name="text1" size=60 onfocus="this.select()" value="마우스를 클릭하면 이곳의 텍스트가 모두 선택됩니다">

처음에는 textarea이고 두번째는 text type 글상자입니다. 여기서 유의할것은 onfocus="this.select() 입니다. 즉 focus 포커스가 지정되면 즉 거기로 마우스나 탭을 이용해서 포커스를 이동하면 이런 뜻입니다. 그러면 this.select() 지금 그 컨트롤을 select 즉 선택한 상태로 만들어라 하는 내용입니다. 간단하지요? 한번 실행해 보시기 바랍니다.

'Java Script' 카테고리의 다른 글

초간단 날짜 요일 시간 표시  (0) 2011.09.08
엔터키를 치면 다음칸으로 이동  (0) 2011.09.06
textarea크기 조절하는 스크립트  (0) 2011.09.01
간단한 디지탈 시계  (0) 2011.08.30
간단한 계산기  (0) 2011.08.28


설정

트랙백

댓글