HTML ondrag Event Attribute
Last Updated :
11 Dec, 2023
The ondrag event attribute triggers when the element or text selection is being dragged in HTML. This event is very similar to the drag-and-drop event. This will triggered during a drag operation when an HTML element is being dragged.
Syntax
<element ondrag = "script">
Supported Tags
It supports all HTML Elements.Â
Attribute Value
This attribute contains a single value script that works when an element is dragged. It is supported by all HTML elements.
Example:Â This example illustrates the implementation of the HTML ondrag Event Attribute.
HTML
<!DOCTYPE html>
< html >
< head >
< title >ondrag event attribute</ title >
< style >
body {
text-align: center;
}
#geeks {
border: 1px solid black;
padding: 15px;
width: 60%;
}
</ style >
</ head >
< body >
< h1 style = "color:green" >
GeeksforGeeks
</ h1 >
< h2 >
ondrag event attribute
</ h2 >
< div id = "geeks"
draggable = "true"
ondrag = "Function()" >
GeeksforGeeks: A computer
science portal for geeks
</ div >
< script >
function Function() {
document.getElementById("geeks").
style.fontSize = "30px";
document.getElementById("geeks").
style.color = "green";
}
</ script >
</ body >
</ html >
|
Output:
Supported Browsers
The browser supported by ondrag event attribute are listed below:Â
- Google Chrome 3 and above
- Edge 12 and above
- Firefox 3.5 and above
- Opera 12 and above
- Safari 3.1 and above
Share your thoughts in the comments
Please Login to comment...