[jQuery] input text 클릭 시 텍스트 전체 선택하는 방법

간단하지만 단 한번의 구글링이라도 자비 없이 포스팅 합니다.

웹 페이지에서 텍스트를 입력할 수 있는 input text 상자를 클릭하면 텍스트를 모두 선택하는 간단한 내용입니다.

텍스트 복사나 선택을 구현할 때 혹은 귀찮을때 종종 사용합니다.

아래 처럼 input 박스가 있다고 가정합니다.

 

위 텍스트를 클릭하면 전체 선택이 되는 코드는 아래와 같습니다.

 

해당 요소의 텍스트를 .select() 메소드를 이용해서 선택이 가능합니다.

찐빵

이 곳에 작성된 모든 컨텐츠는 CCL 규약의 CC BY-NC-SA (저작자표시-비영리-동일조건변경허락) 조건을 따릅니다. 비상업적 용도로 출처를 밝혀주시면 얼마든지 공유 가능합니다.

You may also like...

%d 블로거가 이것을 좋아합니다: