jQuery Mobile vmouseover Event Last Updated : 23 Dec, 2020 Comments Improve Suggest changes Like Article Like Report jQuery Mobile vmouseover event is fired when we hover the mouse over an element. We can use this event for our different purposes. Syntax: jQuery( ".selector" ).on( "vmouseover", function( event ) { } ) Approach: First, add jQuery Mobile scripts needed for your project. <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"/> <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> Example 1: HTML <!DOCTYPE html> <html> <head> <link rel="stylesheet" href= "http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" /> <script src= "http://code.jquery.com/jquery-1.11.1.min.js"> </script> <script src= "http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"> </script> <script type="text/javascript"> $(document).on('vmouseover', 'a', function (event) { console.log(event); }); </script> </head> <body> <center> <h1>GeeksforGeeks</h1> <h4> Mouseover Event using jQuery Mobile </h4> </center> <a data-role="button" id="gfg">click</a> </body> </html> Output: Example 2: HTML <!DOCTYPE html> <html> <head> <link rel="stylesheet" href= "http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" /> <script src= "http://code.jquery.com/jquery-1.11.1.min.js"> </script> <script src= "http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"> </script> <script type="text/javascript"> $(document).on('vmouseover', 'a', function () { console.log('mouseover event'); }); </script> </head> <body> <center> <h1>GeeksforGeeks</h1> <h4> Mouseover Event using jQuery Mobile </h4> </center> <a data-role="button" id="gfg">click</a> </body> </html> Output: Comment More infoAdvertise with us Next Article jQuery Mobile vmousemove Event T taran910 Follow Improve Article Tags : JQuery jQuery-Mobile Similar Reads jQuery Mobile vmousemove Event jQuery Mobile vmousemove event is fired when we move the mouse in the element area. We can use this event for different purposes. Syntax: jQuery(".selector" ).on( "vmousemove", function( event ) { }) Approach: First, add jQuery mobile scripts needed for your project. <link rel="stylesheet" href=" 1 min read jQuery Mobile vmouseout Event jQuery Mobile vmouseout event is fired when we hover and take the mouse out of the element area. We can use this event for different purpose. Syntax: jQuery( ".selector" ).on( "vmouseout", function( event ) { } ) Approach: First, add jQuery Mobile scripts needed for your project. <link rel="style 1 min read jQuery Mobile vmousedown Event jQuery Mobile vmousedown event is fired when we click on the element. We can use this event for different purposes. Syntax: jQuery( ".selector" ).on( "vmousedown", function( event ) { } ) Approach: First, add jQuery Mobile scripts needed for your project. <link rel="stylesheet" href="http://code. 1 min read jQuery Mobile vmouseup Event jQuery Mobile vmouseup event is fired when we click and release the mouse on the element. We can use this event for our different purposes. Syntax: jQuery(".selector").on( "vmouseup", function( event ) { } ) Approach: First, add jQuery Mobile scripts needed for your project. <link rel="stylesheet 1 min read jQuery Mobile swipe Event jQuery Mobile swipe event is fired when we swipe in the element area. We can use this event for different purposes. Syntax: jQuery( ".selector" ).on( "swipe", function( event ) { } )Approach: First, add jQuery Mobile scripts needed for your project. <link rel="stylesheet" href="http://code.jquery 1 min read jQuery Mobile swipeleft Event jQuery Mobile swipeleft event is fired when we swipe left in the element area. We can use this event for different purposes. Syntax: jQuery( ".selector" ).on( "swipeleft", function( event ) { } ) Approach: First, add jQuery mobile scripts needed for your project. <link rel="stylesheet" href="http 1 min read Like