JavaScript

[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 

 


방문 감사합니다. (즐겨찾기 등록: Ctrl + D)

분류 제목
Basic JS - Home (JS입문) + Javascript Framework (프레임워크) 종류
Basic JS - Intro (JS소개)
Basic JS - Where To (JS위치) - JS구문 / JS코드위치 / JS사용법 ※ JS외부링크 주의사항
Basic JS - Output (JS출력= JS쓰기) ★★★★★
Basic JS - Syntax (JS구문) ★
Basic JS - Statement (JS구문= JS명령문)
Basic JS - Comment (JS주석)
Basic JS - Variable (JS변수) ★★★★★
Basic JS - Operator (연산자) - JS연산자 ★★★★★
Basic JS - Data Type - 데이터유형 ★★★★★ (= 데이터형식 = 데이터타입 = 데이터종류 = 자료형…
Basic JS - Function - JS함수 ★★★★★ ※ 일반함수 특징 2
Basic JS - Object - JS객체 ★★★★★
Basic JS - Scope - JS유효범위 (= JS접근범위 = 변수 종류) ★★★★★★★★★★
Basic JS - Event - JS이벤트 (= JS코드실행방법) ★★★★★
Basic JS - Strings - JS문자열
1/89
목록
 홈  PC버전 로그인 일본어
웹디자인언어
서버관리언어
고급코딩언어
그누보드 2
제작의뢰
Q&A
커뮤니티 2
웹유틸
회원센터
홈짱 PC버전 로그인