ondragstart event

Fires on the source object when the user starts to drag a text selection or selected object.


HTML Attribute <element ondragstart = "handler(event)">
Event Property object.ondragstart = handler;
attachEvent Method object.attachEvent("ondragstart", handler)
addEventListener Method object.addEventListener("dragstart", handler, useCapture)


Event information

Synchronous No
Bubbles Yes
Cancelable Yes


Event handler parameters

Standards information

There are no standards that apply here.


The HTMLAnchorEvents2::ondragstart event is the first to fire when the user starts to drag the mouse. It is essential to every drag operation, yet is just one of several source events in the data transfer object model. Source events use the IHTMLDataTransfer::setData method of the dataTransfer object to provide information about data being transferred. Source events include HTMLAnchorEvents2::ondragstart, HTMLAnchorEvents2::ondrag, and HTMLAnchorEvents2::ondragend.

When dragging anything other than an img object, some text to be dragged must be selected.

Calls the associated event handler.

To invoke this event, do one of the following:

  • Drag the selected text or object.

See also




About DHTML Data Transfer