[DOM_Event_Object] JS - DragEvent 객체 - 마우스드래그/마우스드롭 (= 드래그이벤트종류)

목차

1. DragEvent 객체 정의
2. DragEvent 객체 속성(Property)/메서드(Method)
3. 상속된 속성/메서드
4. DragEvent 이벤트종류 (Event Type)

DragEvent 객체 정의

 

요소를 마우스로 끌어다 놓을 때 실행.

 

DragEvent 객체 속성(Property)/메서드(Method)

 

dataTransfer

(드래그/드롭)된 또는 (삽입/삭제)된 데이터 포함한 객체 반환.
DragEvent, InputEvent 

 

상속된 속성/메서드

 

MouseEvent 

Evnet 일반객체

 

DragEvent 이벤트종류 (Event Type)

 

drag

요소가 드래그되고있을 때 이벤트 발생. DragEvent

 

dragend

사용자가 요소 드래그 끝내면 이벤트 발생. DragEvent

 

dragenter

드래그 된 요소가 드롭 대상에 들어갈 때 이벤트 발생. DragEvent

 

dragleave

드래그 된 요소가 드롭 타겟을 떠날 때 이벤트 발생. DragEvent

 

dragover

드래그 된 요소가 드롭 대상 위에 있을 때 이벤트 발생. DragEvent

 

dragstart

사용자가 요소를 드래그하기 시작하면 이벤트 발생. DragEvent

 

drop

드래그 된 요소가 드롭 대상에 드롭 될 때 이벤트 발생. DragEvent