목차
- select() 예제 - 클릭 시, INPUT 요소 내용 선택
- select() 정의
- select() 구문
- 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.
모든 브라우저 지원.
3. MDN select() 메서드 예제 보기
https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/select
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>
결과보기