[attribute] HTML - onselect 속성 - 요소 내용 선택 시 실행 (= onselect속성 = 온실렉트속성) ※ onselect이벤트 = 온실렉트이벤트

1. onselect 예제 - 요소 내용 일부 선택 시 실행
2. onselect 정의
3. 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 자리는 "함수명만" 사용해 함수 호출.
• 사용 방식 통일 권장.