HTML ondrag Event Attribute

The ondrag event attribute trigger when the element or text selection is being dragged in HTML. This event is very similar to the drag-and-drop event. This attribute is new in HTML 5.

Syntax:

<element ondrag = "script">

Attribute Value: This attribute contains a single value script that works when an element is dragged. It is supported by all HTML elements.
Example:

Javascript

<style>
    #geeks {
        border: 1px solid black;
        padding: 15px;
        width: 60%;
    }
</style>
<center>
    <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>
</center>

Output:

Supported Browsers: The browser supported by ondrag event attribute are listed below: 

• Chrome 3.0
• Edge 12.0
• Internet Explorer 9.0
• Firefox 3.5
• Safari 3.1
• Opera 12.0

Supported Tags: It supports all HTML Elements.