[javascript] 입력 폼에서 텍스트 선택/해제하기

목차

  1. 텍스트 선택하기
  2. 텍스트 해제하기

텍스트 선택하기

입력 폼의 특정 텍스트를 JavaScript를 사용하여 선택할 수 있습니다. 다음은 해당 기능을 구현하는 예제입니다.

// 입력 폼 요소를 가져옵니다
const input = document.getElementById('myInput');

// 특정 텍스트를 선택합니다
input.setSelectionRange(2, 5); // 2번째 문자부터 5번째 문자까지 선택

위 코드는 myInput이라는 ID를 가진 입력 폼 요소에서 2번째 문자부터 5번째 문자까지를 선택하는 예시입니다.


텍스트 해제하기

입력 폼에서 선택된 텍스트를 해제하는 방법도 있습니다. 다음은 해당 기능을 구현하는 예제입니다.

// 입력 폼 요소를 가져옵니다
const input = document.getElementById('myInput');

// 선택된 텍스트를 해제합니다
input.selectionStart = 0;
input.selectionEnd = 0;

위 코드는 myInput이라는 ID를 가진 입력 폼 요소에서 선택된 텍스트를 모두 해제하는 예시입니다.

위 예제를 참고하여 원하는 기능을 구현해 보시기 바랍니다.


이 글이 도움이 되었기를 바랍니다. 더 궁금한 점이 있거나 추가 질문이 있다면 언제든지 문의해 주세요!