onselect 이벤트

DOM 이벤트 Event 대상

정의 및 사용법

onselect 이벤트는 요소 내의 텍스트가 선택된 후에 발생합니다.

onselect 이벤트는 주로 <input type="text"> 또는 <textarea> 요소에서 사용됩니다.

인스턴스

예제 1

텍스트가 선택될 때 JavaScript를 실행합니다:

<input type="text" onselect="myFunction()">

자신이 직접 시도해보세요

예제 2

HTML DOM Input Text 오브젝트의 select() 메서드를 사용하여 텍스트 필드의 일부를 선택합니다. 이 경우 onselect 이벤트가 발생하며, 이는 alert 함수를 트리거합니다.

// 텍스트 필드의 내용을 선택합니다
function mySelectFunction() {
  document.getElementById("myText").select();
}
// 텍스트 필드의 텍스트가 선택될 때 어떤 텍스트를 표시합니다
function myAlertFunction() {
  alert("You selected some text!");
}

자신이 직접 시도해보세요

문법

HTML에서:

<요소 onselect="myScript">

자신이 직접 시도해보세요

JavaScript에서:

오브젝트.onselect = function(){myScript};

자신이 직접 시도해보세요

JavaScript에서 addEventListener() 메서드를 사용하여:

오브젝트.addEventListener("select", myScript);

자신이 직접 시도해보세요

주의사항:Internet Explorer 8 또는 이전 버전은 지원하지 않습니다 addEventListener() 메서드。

기술적인 세부 사항

버블링: 지원하지 않음
취소 가능: 지원하지 않음
이벤트 유형: 사용자 인터페이스에서 생성된 경우UiEvent。아니면 이벤트。
지원되는 HTML 태그: <input type="file">, <input type="password">, <input type="text"> 및 <textarea>
DOM 버전: 레벨 2 이벤트

브라우저 지원

이벤트 크롬 IE 파이어폭스 사파리 오페라
onselect 지원 지원 지원 지원 지원
DOM 이벤트 Event 대상