The HTML onmousemove event attribute is triggered when the mouse pointer is moving on an HTML element in an HTML document.SyntaxFollowing is the syntax −Let us see an example of HTML onmousemove event Attribute−Example Live Demo    body {       color: #000;       height: 100vh;       background-color: #FBAB7E;       background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);       text-align: center;    }    .circle {       background: #db133a;       height: 150px;       width: 150px;       border-radius: 50%;       margin: 10px ... Read More

The HTML onmousedown event attribute is triggered when a mouse button is pressed down on an HTML element in an HTML document.SyntaxFollowing is the syntax −Let us see an example of HTML onmousedown event Attribute−Example Live Demo    body {       color: #000;       height: 100vh;       background-color: #FBAB7E;       background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);       text-align: center;    }    .circle {       background: #db133a;       height: 150px;       width: 150px;       border-radius: 50%;       margin: ... Read More

The HTML onmouseup event attribute is triggered when a mouse button is released from an HTML element in an HTML document.SyntaxFollowing is the syntax −Let us see an example of HTML onmouseup event Attribute−Example Live Demo    body {       color: #000;       height: 100vh;       background-color: #FBAB7E;       background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);       text-align: center;    }    .circle {       background: #db133a;       height: 150px;       width: 150px;       border-radius: 50%;       margin: 10px ... Read More

The HTML ondragstart event attribute is triggered when the user begin to drag an HTML element or text of an element in an HTML document.SyntaxFollowing is the syntax −Let us see an example of HTML ondragstart event Attribute−Example Live Demo    body {       color: #000;       height: 100vh;       background-color: #FBAB7E;       background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);       text-align: center;    }    .drop-target {       display: inline-block;       width: 150px;       height: 150px;       border: 2px solid ... Read More

The HTML ondrop event attribute is triggered when a draggable element or text is dropped on a valid drop target in an HTML document.SyntaxFollowing is the syntax −Let us see an example of HTML ondrop event Attribute−Example Live Demo    body {       color: #000;       height: 100vh;       background-color: #FBAB7E;       background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);       text-align: center;    }    .drop-target {       display: inline-block;       width: 150px;       height: 150px;       border: 2px solid #FFF; ... Read More

The HTML ondragleave event attribute is triggered when a draggable element or text exit a valid drop target in an HTML document.SyntaxFollowing is the syntax −Let us see an example of HTML ondragleave event Attribute−Example Live Demo    body {       color: #000;       height: 100vh;       background-color: #FBAB7E;       background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);       text-align: center;    }    .drop-target {       display: inline-block;       width: 150px;       height: 150px;       border: 2px solid #FFF;     ... Read More

The HTML ondragend event attribute is triggered when the user finished dragging an element or text of an HTML element in an HTML document.SyntaxFollowing is the syntax −Let us see an example of HTML ondragend event Attribute−Example Live Demo    body {       color: #000;       height: 100vh;       background-color: #FBAB7E;       background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);       text-align: center;    }    .drop-target {       display: inline-block;       width: 150px;       height: 150px;       border: 2px solid #FFF; ... Read More

The HTML onpageshow event attribute is triggered when a user navigates to a webpage.SyntaxFollowing is the syntax −Let us see an example of HTML onpageshow event Attribute−Example Live Demo    body {       color: #000;       height: 100vh;       background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) no-repeat;       text-align: center;    } HTML onpageshow Event Attribute Demo    function showFn() {       alert("Hey! you are on homepage");    } OutputClick on “ok” button of alert box to show the content of the HTML document.

The HTML ononline event attribute is triggered when the browser starts to work online.SyntaxFollowing is the syntax −Let us see an example of HTML ononline event Attribute−Example Live Demo    body {       color: #000;       height: 100vh;       background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) no-repeat;       text-align: center;    }    .show {       font-size: 1.2rem;       color: #fff;    } HTML onoffline/ononline Event Attribute Demo Try to disable/enable your network.    function onlineFn() {       alert("Hey! You are online");    }    function offlineFn() {       alert("Hey! You are offline");    } OutputNow try to enable/disable your network to observe how onoffline/ononline event attribute works−

The HTML onoffline event attribute is triggered when the browser starts to work offline.SyntaxFollowing is the syntax −Let us see an example of HTML onoffline event Attribute−Example Live Demo    body {       color: #000;       height: 100vh;       background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) no-repeat;       text-align: center;    }    .show {       font-size: 1.2rem;       color: #fff;    } HTML onoffline/ononline Event Attribute Demo Try to disable/enable your network.    function onlineFn() {       alert("Hey! You are online");    }    function offlineFn() {       alert("Hey! You are offline");    } OutputNow try to enable/disable your network to observe how onoffline/ononline event attribute works−