jQuery Mobile vmousemove Event

jQuery Mobile vmouseup Event

Last Updated : 23 Dec, 2020

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" 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('vmouseup', 'a', function () {
            console.log('mouseup event fired');
        });
    </script>
</head>

<body>
    <center>
        <h1>GeeksforGeeks</h1>
        <h4>
            Mouseup 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('vmouseup', 'a',
            function (event) {
                console.log(event);
            });
    </script>
</head>

<body>
    <center>
        <h1>GeeksforGeeks</h1>
        <h4>
            Mouseup Event using
            jQuery Mobile
        </h4>
    </center>
    <a data-role="button" id="gfg">click</a>
</body>

</html>

Output:

jQuery Mobile vmousemove Event

taran910

Improve

Article Tags :

Similar Reads

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

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="

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.

jQuery Mobile vmouseover Event

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" hre

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

jQuery Mobile scrollstop Event

jQuery Mobile scrollstop event is fired when a scroll finishes. We can use this event for different purposes. Syntax: jQuery( ".selector" ).on( "scrollstop", function( event ) { } ) Approach: First, add jQuery Mobile scripts needed for your project. <link rel="stylesheet" href="http://code.jquery

jQuery Mobile panel open Event

jQuery Mobile is a JavaScript library built on top of jQuery. It is used to create fast and responsive websites or web applications that are accessible on a variety of devices like mobile, tablets, and desktops. In this article, we will be using the jQuery Mobile Panel open event that is triggered a

jQuery Mobile Slider stop Event

jQuery Mobile is a web-based technology used to make responsive content that can be accessed on all smartphones, tablets, and desktops. In this article, we will be using the jQuery Mobile Slider stop event that triggered at the end of an interaction with the slider. Callback Parameter: The callback

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

jQuery Mouse Events

This article will explain different mouse events occurring based on mouse positions on a particular HTML element. Mouse Events in jQuery: mouseenter and mouseleave mouseup and mousedown mouseover and mouseout mouseenter and mouseleave: The mouseenter event occurs when the mouse is placed over the HT