onselect 이벤트
예시
일부 텍스트가 선택되면 JavaScript를 실행합니다.
<input type="text" onselect="myFunction()">
아래에서 더 많은 "직접 사용해 보기" 예를 살펴보세요.
정의 및 사용
onselect 이벤트는 요소에서 일부 텍스트가 선택된 후에 발생합니다.
onselect 이벤트는 주로 <input type="text"> 또는 <textarea> 요소에서 사용됩니다.
브라우저 지원
Event | |||||
---|---|---|---|---|---|
onselect | Yes | Yes | Yes | Yes | Yes |
통사론
HTML:
<element onselect="myScript">
자바스크립트:
object.onselect = function(){myScript};
JavaScript에서 addEventListener() 메서드를 사용하여 다음을 수행합니다.
object.addEventListener("select", myScript);
참고: addEventListener () 메서드는 Internet Explorer 8 및 이전 버전에서 지원되지 않습니다.
기술적 세부 사항
거품: | 아니 |
---|---|
취소 가능: | 아니 |
이벤트 유형: | 사용자 인터페이스에서 생성된 경우 UiEvent , 그렇지 않은 경우 Event |
지원되는 HTML 태그: | <input type="file">, <input type="password">, <input type="text"> 및 <textarea> |
DOM 버전: | 레벨 2 이벤트 |
더 많은 예
예시
HTML DOM 입력 텍스트 개체의 select() 메서드를 사용하여 텍스트 필드의 일부 내용을 선택합니다. 이 경우 onselect 이벤트가 발생하여 경고 기능을 트리거합니다.
// Select the contents of a text field
function mySelectFunction() {
document.getElementById("myText").select();
}
// Alert some text when the text in the text field has been selected
function myAlertFunction() {
alert("You selected some text!");
}