KoXo 자바스크립트 - 이벤트(event)

선택된 텍스트나 개체를 왼쪽 마우스를 누른 상태에서 끄는 드래그를 시작하면 원본 개체에 발생된다.

이벤트 속성	object.ondragstart=handler	JScript 만-
이벤트 속성	object.ondragstart=GetRef('handler')	VBScript 5.0-
인라인 HTML	<ELEMENT ondragstart="handler">	모든 플랫트폼
명명된 스크립트	<SCRIPT for=object event=ondragstart>	Explorer-

이벤트 특성

Bubbles	있슴
취소	가능
발생 원인	선택된 텍스트나 개체를 왼쪽 마우스를 누른 상태에서 끌 때.
디폴트 작용	연관된 이벤트처리자를 호출한다.
HTML 규격	비규격 IE 확장.

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

altKey	ALT 키가 눌렸는가를 반환하거나 설정한다.
altLeft	왼쪽 ALT 키가 눌렸는가를 반환하거나 설정한다.
cancelBubble	현재 이벤트가 이벤트처리자들의 계통도에서 버블업(bubble up)하여야 하는가를 반환하거나 설정한다.
clientX	윈도우 장식과 스크롤바를 제외한 사용자 지역에 상대적 마우스포인터 수평 좌표를 반환하거나 설정한다.
clientY	윈도우 장식과 스크롤바를 제외한 사용자 지역에 상대적 마우스포인터 수직 좌표를 반환하거나 설정한다.
ctrlKey	CTRL 키가 눌렸는가를 반환하거나 설정한다.
altKey	ALT 키가 눌렸는가를 반환하거나 설정한다.
altLeft	왼쪽 ALT 키가 눌렸는가를 반환하거나 설정한다.
dataTransfer	끌어 놓기(drag-and-drop) 작업들을 위해 사전에 정의된 클립보드 양식들을 제공한다.
offsetX	이벤트가 발생된 개체에 마우스포인터의 상대적인 위치(오프세트) 수평 좌표를 반환하거나 설정한다.
offsetY	이벤트가 발생된 개체에 마우스포인터의 상대적인 위치(오프세트) 수직 좌표를 반환하거나 설정한다.
returnValue	이벤트로 부터의 반환값을 반환하거나 설정한다.
screenX	사용자 스크린에 상대적인 마우스포인터의 수평 위치를 반환하거나 설정한다.
screenY	사용자 스크린에 상대적인 마우스포인터의 수직 위치를 반환하거나 설정한다.
shiftLeft	왼쪽 SHIFT 키가 눌렸는가를 반환하거나 설정한다.
srcElement	이벤트를 발생시킨 개체를 반환하거나 설정한다.
type	이벤트 개체의 이벤트 명칭을 반환하거나 설정한다.
x	상대적으로 위치한 모체 개체에 상대적인 위치 수평 좌표를 반환하거나 설정한다.
y	상대적으로 위치한 모체 개체에 상대적인 위치 수직 좌표를 반환하거나 설정한다.

특기

사용자가 마우스를 누른 상태에서 끌면 ondragstart 이벤트가 제일 먼저 발생된다. 이는 모든 드래그드롭 작동에서 중요하지만 여러 이벤트들 중 데이터 이전 개체 모델의 하나이다. 원본 이벤트들은 dataTransfer 개체의 setData 메서드를 사용하여 이전되는 데이터의 형식에 대한 정보를 제공한다. 원본 이벤트들에는 ondragstart, ondrag, ondragend 이벤트등이 포함된다.

img 개체의 드래그를 제외하고는, 드래그하기 위한 일부 텍스트가 선택되어야 한다.

적용

개체	script	HTML	IE

ondragstart 이벤트 예제

결과 표시창

이미지나, 개체 등과 텍스트를 선택하여 드래그 해 보라.

<BODY ondragstart="show.innerText=event.srcElement.tagName+' '+event.type">
<INPUT type=text value="원본 개체 텍스트"> <IMG src=../../gif/rfevent.gif>
<DIV id=show style="border:solid 1 blue;width:400">결과 표시창</DIV>