Cara Membuat Event Long Press menggunakan jQuery

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

nyingspot: Blog Seputar Bisnis Teknologi. Temukan hal menarik tentang bisnis dan teknologi hanya di nyingspot.com
Artikel Lainnya

This website uses cookies.