DragEvent
dataTransfer: null | DataTransfer;
bubbles: boolean;
cancelBubble: boolean;
cancelable: boolean;
composed: boolean;
currentTarget: null | EventTarget;
defaultPrevented: boolean;
eventPhase: number;
isTrusted: boolean;
returnValue: boolean;
srcElement: null | EventTarget;
target: null | EventTarget;
timeStamp: number;
type: string;
composedPath(): EventTarget[];
initEvent(type: string, bubbles?: boolean, cancelable?: boolean): void;
preventDefault(): void;
stopImmediatePropagation(): void;
stopPropagation(): void;
NONE: 0;
CAPTURING_PHASE: 1;
AT_TARGET: 2;
BUBBLING_PHASE: 3;
altKey: boolean;
button: number;
buttons: number;
clientX: number;
clientY: number;
ctrlKey: boolean;
layerX: number;
layerY: number;
metaKey: boolean;
movementX: number;
movementY: number;
offsetX: number;
offsetY: number;
pageX: number;
pageY: number;
relatedTarget: null | EventTarget;
screenX: number;
screenY: number;
shiftKey: boolean;
x: number;
y: number;
getModifierState(keyArg: string): boolean;
initMouseEvent(
typeArg: string,
canBubbleArg: boolean,
cancelableArg: boolean,
viewArg: Window,
detailArg: number,
screenXArg: number,
screenYArg: number,
clientXArg: number,
clientYArg: number,
ctrlKeyArg: boolean,
altKeyArg: boolean,
shiftKeyArg: boolean,
metaKeyArg: boolean,
buttonArg: number,
relatedTargetArg: null | EventTarget,
): void;
detail: number;
view: null | Window;
which: number;
initUIEvent(
typeArg: string,
bubblesArg?: boolean,
cancelableArg?: boolean,
viewArg?: null | Window,
detailArg?: number,
): void;
}
Hierarchy (View Summary)
- MouseEvent
- DragEvent
Index
Properties
Methods
Properties
Readonly
data Transfer
Returns the DataTransfer object for the event.
Readonly
bubbles
Returns true or false depending on how event was initialized. True if event goes through its target's ancestors in reverse tree order, and false otherwise.
cancel Bubble
Readonly
cancelable
Returns true or false depending on how event was initialized. Its return value does not always carry meaning, but true can indicate that part of the operation during which event was dispatched, can be canceled by invoking the preventDefault() method.
Readonly
composed
Returns true or false depending on how event was initialized. True if event invokes listeners past a ShadowRoot node that is the root of its target, and false otherwise.
Readonly
current Target
Returns the object whose event listener's callback is currently being invoked.
Readonly
default Prevented
Returns true if preventDefault() was invoked successfully to indicate cancelation, and false otherwise.
Readonly
event Phase
Returns the event's phase, which is one of NONE, CAPTURING_PHASE, AT_TARGET, and BUBBLING_PHASE.
Readonly
is Trusted
Returns true if event was dispatched by the user agent, and false otherwise.
return Value
Readonly
src Element
Readonly
target
Returns the object to which event is dispatched (its target).
Readonly
time Stamp
Returns the event's timestamp as the number of milliseconds measured relative to the time origin.
Readonly
type
Returns the type of event, e.g. "click", "hashchange", or "submit".
Readonly
NONE
Readonly
CAPTURING_ PHASE
Readonly
AT_ TARGET
Readonly
BUBBLING_ PHASE
Readonly
alt Key
Readonly
button
Readonly
buttons
Readonly
client X
Readonly
client Y
Readonly
ctrl Key
Readonly
layer X
Readonly
layer Y
Readonly
meta Key
Readonly
movement X
Readonly
movement Y
Readonly
offset X
Readonly
offset Y
Readonly
page X
Readonly
page Y
Readonly
related Target
Readonly
screen X
Readonly
screen Y
Readonly
shift Key
Readonly
x
Readonly
y
Readonly
detail
Readonly
view
Readonly
which
Methods
composed Path
composedPath(): EventTarget[]
Returns the invocation target objects of event's path (objects on which listeners will be invoked), except for any nodes in shadow trees of which the shadow root's mode is "closed" that are not reachable from event's currentTarget.
Returns EventTarget[]
init Event
prevent Default
preventDefault(): void
If invoked when the cancelable attribute value is true, and while executing a listener for the event with passive set to false, signals to the operation that caused event to be dispatched that it needs to be canceled.
Returns void
stop Immediate Propagation
stopImmediatePropagation(): void
Invoking this method prevents event from reaching any registered event listeners after the current one finishes running and, when dispatched in a tree, also prevents event from reaching any other objects.
Returns void
stop Propagation
stopPropagation(): void
When dispatched in a tree, invoking this method prevents event from reaching any objects other than the current object.
Returns void
get Modifier State
getModifierState(keyArg: string): boolean
init Mouse Event
initMouseEvent(
typeArg: string,
canBubbleArg: boolean,
cancelableArg: boolean,
viewArg: Window,
detailArg: number,
screenXArg: number,
screenYArg: number,
clientXArg: number,
clientYArg: number,
ctrlKeyArg: boolean,
altKeyArg: boolean,
shiftKeyArg: boolean,
metaKeyArg: boolean,
buttonArg: number,
relatedTargetArg: null | EventTarget,
): void
Parameters
typeArg: string
canBubbleArg: boolean
cancelableArg: boolean
viewArg: Window
detailArg: number
screenXArg: number
screenYArg: number
clientXArg: number
clientYArg: number
ctrlKeyArg: boolean
altKeyArg: boolean
shiftKeyArg: boolean
metaKeyArg: boolean
buttonArg: number
relatedTargetArg: null | EventTarget
A DOM event that represents a drag and drop interaction. The user initiates a drag by placing a pointer device (such as a mouse) on the touch surface and then dragging the pointer to a new location (such as another DOM element). Applications are free to interpret a drag and drop interaction in an application-specific way.
MDN Reference