입력필드에서 문자열을 선택(select)하거나 변경하였을 때 발생한다.


이벤트 속성		 object.onselect=handler JScript 만-
object.onselect=GetRef('handler') VBScript 5.0-
인라인 HTML <ELEMENT onselect ="handler"> 모든 플랫트폼
명명된 스크립트 <SCRIPT for=object event=onselect> Explorer-
용법
이벤트가 발생되면 'JavascriptCode'를 실행한다.
Javascript 에서는
objName.onselect='JavascriptCode'
HTML 에서는
<ELEMENT onSelect="JavascriptCode">
이벤트 특성
Bubbles 없음
취소 가능
발생 원인
  • 끌어 선택하는 과정에서 글자에서 글자까지를 끌어 선택하였을 때.
  • SHIFT 키를 누르면서 마우스를 텍스트부분을 이동하며 선택하였을 때.
  • CTRL+A(전체 선택)을 눌러 선택하였을 때
디폴트 작용 선택된 부분으로 이동하면서 선택된 부분을 반전시킨다.
HTML 규격 HTML 4.0 규격

event ⇒
onselect 이벤트⇒
onselect</b> 이벤트⇒
견본예제공통
이전페이지로페이지 맨위로페이지 맨아래로

DHTML 개체 모델에서 이벤트처리자는 파라메터들을 직접 받지는 못해도, event개체의 쿼리를 사용할 수 있다.

altKey ALT 키가 눌렸는가를 반환하거나 설정한다.
altLeft 왼쪽 ALT 키가 눌렸는가를 반환하거나 설정한다.
clientX 윈도우 장식과 스크롤바를 제외한 사용자 지역에 상대적 마우스포인터 수평 좌표를 반환하거나 설정한다.
clientY 윈도우 장식과 스크롤바를 제외한 사용자 지역에 상대적 마우스포인터 수직 좌표를 반환하거나 설정한다.
ctrlLeft 왼쪽 CTRL 키가 눌렸는가를 반환하거나 설정한다.
offsetX 이벤트가 발생된 개체에 마우스포인터의 상대적인 위치(오프세트) 수평 좌표를 반환하거나 설정한다.
offsetY 이벤트가 발생된 개체에 마우스포인터의 상대적인 위치(오프세트) 수직 좌표를 반환하거나 설정한다.
returnValue 이벤트로 부터의 반환값을 반환하거나 설정한다.
screenX 사용자 스크린에 상대적인 마우스포인터의 수평 위치를 반환하거나 설정한다.
screenY 사용자 스크린에 상대적인 마우스포인터의 수직 위치를 반환하거나 설정한다.
shiftLeft 왼쪽 SHIFT 키가 눌렸는가를 반환하거나 설정한다.
srcElement 이벤트를 발생시킨 개체를 반환하거나 설정한다.
type 이벤트 개체의 이벤트 명칭을 반환하거나 설정한다.
x 상대적으로 위치한 모체 개체에 상대적인 위치 수평 좌표를 반환하거나 설정한다.
y 상대적으로 위치한 모체 개체에 상대적인 위치 수직 좌표를 반환하거나 설정한다.

특기

사용자가 입력폼에서 문자열 입력필드에서 텍스트를 선택(select)하였을 때, 선택된 문자열은 반전된다.

문자열의 선택은 shift 누르면서 방향키를 눌러 선택하던가, 마우스를 누르면서 드래그하던가, CTRL+A(전체 선택)하던가, 이들 모두 onselect 이벤트를 발생시킨다.

Javascript 상에서 select 메서드로 문자열을 선택할 수도 있다.

document.onload=objName.select();

적용
개체scriptHTMLIE
bodybody.onselect=sCode<BODY onselect=sCode>IE4.0(win16,win32,unix,mac)
texttext.onselect=sCode<INPUT type=text onselect=sCode>IE3.02(win16,win32,mac),IE4.0(ce,unix)
textAreatextArea.onselect=sCode<TEXTAREA onselect=sCode>IE3.02(win16,win32,mac),IE4.0(ce,unix)

참조onselect 이벤트onselectstart 이벤트onfocus 이벤트
onchange 이벤트onselectionchange 이벤트onblur 이벤트select 메서드

event ⇒
onselect 이벤트⇒
onselect</b> 이벤트⇒
속성예제공통
이전페이지로페이지 맨위로페이지 맨아래로

이벤트로 직접 처리하는 경우

<FORM method=post>
<textarea onSelect="alert('직접 경고를 발생시켰다.')"
  name="t1" cols=30 rows=2>여기에서 문자의 일부를 드래그해서 선택해 보라</textarea>

event ⇒
onselect 이벤트⇒
onselect</b> 이벤트⇒
속성견본공통
이전페이지로페이지 맨위로페이지 맨아래로
예제 바로가기onselect, onchange, onblur, onsubmit, onreset 예제text의 onfocus, onblur, onchange 예제

event ⇒
onselect 이벤트⇒
onselect</b> 이벤트⇒
속성견본예제
이전페이지로페이지 맨위로페이지 맨아래로
event ⇒
onselect 이벤트
⇒
속성견본예제공통
이전페이지로페이지 맨위로
최종 수정:
05/07/2025 17:45:22		KoXo Homepage
All right reserved		비정상적인 방식으로 프레임없이 페이지에 접속하면 자주 오류가 발생됩니다.
오류가 나면 정상적 접속으로 시도해 보세요.		http://koxo.com/lang/js/event/onselect.html