목차
- onselect 예제 - 요소 내용 일부 선택 시 실행
- onselect 정의
- onselect 구문
onselect 예제 - 요소 내용 일부 선택 시 실행
이곳은 <input type="text" value="홈짱닷컴 Homzzang.com" onselect="homzzang()">입니다.
<script>
function homzzang() {
alert("홈짱닷컴 Homzzang.com");
}
</script>
onselect 정의
요소내용 선택 시 실행할 코드 지정.
1. onselect 속성 사용 가능 태그 종류
모든 보이는 HTML 요소
2. 요소내용 선택 여러가지 방법들
- 요소 내용을 드래그 선택
- 요소 내용에 커서 찍고, 더블클릭.
- 요소에 포커스 후, Ctrl + A (모두선택) 단축키 누름.
3.
모든 브라우저 지원.
onselect 구문
HTML 방식
- <element onselect="myScript">
JS 방식 (3가지)
- object.onselect = ()=>{myScript};
- object.onselect = function(){myScript};
- object.addEventListener("select", myScript);
[속성값]
myScript
요소내용 선택 시, 실행할 JS 코드
- 주의: 함수명 사용 시, 다른 곳은 전부 소괄호까지 사용해 함수 호출하나 핑크색 myScript 자리는 "함수명만" 사용해 함수 호출.
- 사용 방식 통일 권장.