dragenter

Overview Table

Synchronous	No
Bubbles	No
Target	dom/Element
Cancelable	No
Default action	?

## Examples

This example shows when and where each event fires during a drag-and-drop operation by listing each event and the name of the object firing it in a list box.

<HEAD>
<SCRIPT>
// Code for dynamically adding options to a select.
function ShowResults()
{               // Information about the events
                 // and what object fired them.
  arg = event.type + "  fired by  " + event.srcElement.id;
  var oNewOption = new Option();
  oNewOption.text = arg;
  oResults.add(oNewOption,0);
}
</SCRIPT>
</HEAD>
<BODY>
<P>Source events are wired up to this text box.</P>
<INPUT ID=txtDragOrigin VALUE="Text to Drag"
    ondragstart="ShowResults()"
    ondrag="ShowResults()"
    ondragend="ShowResults()"
>
<P>Target events are bound to this text box.</P>
<INPUT ID=txtDragDestination VALUE="Drag Destination"
    ondragenter="ShowResults()"
    ondragover="ShowResults()"
    ondragleave="ShowResults()"
    ondrop="ShowResults()"
>
<SELECT ID=oResults SIZE=30>
  <OPTION>List of Events Fired
</SELECT>
</BODY>

View live example

Notes

Remarks

You can handle the ondragenter event on the source or on the target object. Of the target events, it is the first to fire during a drag operation. Target events use the getData method to stipulate which data and data formats to retrieve. The list of drag-and-drop target events includes:

When scripting custom functionality, use the returnValue property to disable the default action. Calls the associated event handler. To invoke this event, do one of the following:

Drag the selection over a valid drop target within the client.
Drag the selection to a valid drop target within another window.

Syntax

Standards information

There are no standards that apply here.

Event handler parameters

pEvtObj [in]: Type: ****IHTMLEventObj****

Attributions

Microsoft Developer Network: [Windows Internet Explorer API reference Article]