드래그 앤 드롭의 이벤트 - 드래그(drag) 측에서 발생하는 이벤트, 드롭(drop) 측에서 발생하는 이벤트
CODEDRAGON ㆍDevelopment/Web, WWW
반응형
드래그 앤 드롭의 이벤트
· 드래그(drag) 측에서 발생하는 이벤트
· 드롭(drop) 측에서 발생하는 이벤트
드래그(drag) 측에서 발생하는 이벤트
이벤트 |
설명 |
dragstart |
드래그 요소를 마우스 버튼을 눌러 드래그하기 시작했을 때 드래그 요소에서 발생 |
drag |
드래그 요소를 마우스 버튼을 누른 상태에서 드래그하는 중에 드래그 요소에서 발생 |
dragend |
드래그를 종료했을 때 발생 |
드롭(drop) 측에서 발생하는 이벤트
이벤트 |
설명 |
dragenter |
드래그 요소가 드롭 요소에 들어왔을 때 드롭 요소에서 발생 |
dragleave |
드래그 요소가 드롭 요소에서 나갔을 때 드롭 요소에서 발생 |
dragover |
드래그 요소가 드롭 요소 위에서 드래그되고 있을 때 드롭 요소에서 연속해서 발생 |
drop |
드래그 요소가 드롭 요소에 드롭되었을 때 드롭 요소에서 발생 |
'Development > Web, WWW' 카테고리의 다른 글
WebStorage(웹 스토리지) (0) | 2017.06.30 |
---|---|
DataTransfer, 데이터 전송 기능에 관한 메서드 (0) | 2017.06.30 |
드래그 앤 드롭 - draggable 속성, 기본 동작 (0) | 2017.06.30 |
세션 스토리지(Session Storage), Session Storage 접근, 데이터 저장하기, 저장된 데이터 읽기 (0) | 2017.06.30 |
Local Storage 메소드, 데이터 저장하기, 저장된 데이터 읽기 (0) | 2017.06.30 |