Join the social network of Tech Nerds, increase skill rank, get work, manage projects...
 

  • jQuery Mobile Touch Events

    @nisha.pal
    Recommendations Offline Message

    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 411
    Comment on it

    An event is something which triggers when something happens.In jquery we have gone through many of them. In this particular blog we explain about the Touch event. The touch event is triggered when the user taps on an element.

    In the following example, we will hide the <p> element whenever the user taps on a <p> element;

    1. <!DOCTYPE html>
    2. <html>
    3. <head>
    4. <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
    5. <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
    6. <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
    7. <script>
    8. $(document).on("pagecreate","#pageone",function(){
    9.   $("p").on("tap",function(){
    10.     $(this).hide();
    11.   });
    12. });
    13. </script>
    14. </head>
    15. <body>
    16.  
    17. <div data-role="page" id="pageone">
    18.  
    19.   <div>
    20.     <p> Tap on me</p>
    21.     <p>Touch me also</p>
    22.   </div>
    23.  
    24.  
    25. </div>
    26.  
    27. </body>
    28. </html>

    Execute the above code, you will see two <p> elements with some text written, and once you tap on it , the element will disappear.

    Javascript JQuery Touch event
    Comment on it

 0 Comment(s)

Sign In
Forgot Password?
                           OR                           
Create an account !!
                           OR                           
Register

Sign up using

                           OR                           
Forgot Password
Reset Password
Fill out the form below and reset your password: