HTML ondragenter Event Attribute
Try it Yourself »
Definition and Usage
The ondragenter attribute fires when a draggable element or text selection enters a valid drop target.
The ondragenter and ondragleave events can help the user to understand that a draggable element is about to enter or leave a drop target. This can be done by, for example, setting a background color when the draggable element enters the drop target, and removing the color when the element is moved out of the target.
Drag and drop is a very common feature in HTML5. It is when you "grab" an object and drag it to a different location. For more information, see our HTML Tutorial on HTML5 Drag and Drop.
Note: To make an element draggable, use the global HTML5 draggable attribute.
Tip: Links and images are draggable by default, and do not need the draggable attribute.
There are many event attributes that are used, and can occur, in the different stages of a drag and drop operation:
- Events fired on the draggable target (the source element):
- Events fired on the drop target:
The numbers in the table specify the first browser version that fully supports the event attribute.
|The script to be run on ondragenter
|Supported HTML tags:
|ALL HTML elements
HTML Tutorial: HTML5 Drag and Drop
HTML Reference: HTML draggable Attribute
HTML DOM Reference: ondragenter Event
❮ HTML Event Attributes