블로그스쿨(blog school)





포스팅의뢰 및 제휴 문의

<input> 태그에서 마우스 클릭시 글자를 자동으로 선택하는 방법

 

이런것도 모를때는 참 찾는데 시간이 꽤 걸립니다. ^^

 

이러한 기능은 어디에 사용될까?

input 태그가 검색, 입력등 값을 입력받을때 주로 사용하는데..

기존에 입력되어 있는 값이나 초기값으로 입력되어 있는 값을 지우고 입력해야 하는 경우가 있습니다.

지우기 위해서는 블록설정이 되어 있다면 한번에 지울 수 있으므로

프로그램에서 그런 값을 넣어주면 이용자가 편리할것입니다.

 

input 박스에 포커스가 생기면 글자 자동선택하기

 

이 기능은 이벤트 핸들러를 이용하면 되는데

바로 onfocus 속성에서 사용이 가능합니다.

 

URL <input name="blog" type="text" value="http://" onfocus="this.select()">

 

결과는 아래와 같습니다.

 

                  text_select.png

티스토리에서나 사용가능하고..

홈페이지에서는 많이 사용하는 기능입니다. 

서비스 링크

X
Login

브라우저를 닫더라도 로그인이 계속 유지될 수 있습니다. 로그인 유지 기능을 사용할 경우 다음 접속부터는 로그인할 필요가 없습니다. 단, 게임방, 학교 등 공공장소에서 이용 시 개인정보가 유출될 수 있으니 꼭 로그아웃을 해주세요.

X