• Q&A
  • 회원가입
  • 로그인

[js] JS - select() 메서드 - 인풋요소 내용 드래그 선택 (= select메서드 = 실렉트 메서드)

목차

  1. select() 예제 - 클릭 시, INPUT 요소 내용 선택
  2. select() 정의
  3. select() 구문
  4. select() 예제 - 로드 시, INPUT 요소 내용 선택

 

select() 예제 - 클릭 시, INPUT 요소 내용 선택

 

<input type="text" id="hz" size="20" value="홈짱닷컴 Homzzang.com">

<button onclick="selectText()">클릭</button>


<script>

function selectText() {

  const input = document.getElementById('hz');

  input.focus();

  input.select();

}

</script>

 

결과보기

 

select() 정의

 

INPUT 요소의 내용을 드래그 선택.

 


 

1. cf

  • focus() 메서드 - 요소 포커스 지정
  • blur() 메서드 - 요소 포커스 해제
  • select() 메서드 - 요소 내용 선택

 

2.

모든 브라우저 지원.

 

 

select() 구문

 

HTMLInputElement.select()

 


[매개변수]

 

없음.

 


[반환값]

 

없음. (단지, input 요소의 내용을 선택할 뿐임.)

 

 

select() 예제 - 로드 시, INPUT 요소 내용 선택

 

<script>

function check(f){

    alert(f.hz.value)

}

</script>


<body onload=my.hz.select()>

<form name=my>

    <textarea name=hz rows=5 cols=30>홈짱닷컴 Homzzang.com</textarea>

    <br>

    <input type=button value="확인" onclick=check(this.form)>

</form>    

</body>

 

결과보기


방문 감사합니다. (즐겨찾기 등록: Ctrl + D)

찾아주셔서 감사합니다. Since 2012