Cara Membuat Event Long Press menggunakan jQuery

Event long press pada dasarnya hanya ada di smart phone dengan kode native, selengkapnya di nyingspot.com
419  
       

Event long press pada dasarnya hanya ada di smart phone dengan kode native. Jika ingin menggunakannya untuk keperluan web maka tinggal membuat turunannya dari event mousedown.

(function() { 
    // how many milliseconds is a long press?
    var longpress = 3000;
    // holds the start time
    var start;

    jQuery( "#pressme" ).on( 'mousedown', function( e ) {
        start = new Date().getTime();
    } );
    jQuery( "#pressme" ).on( 'mouseleave', function( e ) {
        start = 0;
    } );
    jQuery( "#pressme" ).on( 'mouseup', function( e ) {
        if ( new Date().getTime() >= ( start + longpress )  ) {
           alert('long press!');   
        } else {
           alert('short press!');   
        }
    } );
}());

Demikian

Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>