jQuery Longpress Event Behaviour

jQuery long/short press button to check the result its behaviour.

HTML

<!--// Aqeel Malik (Web Developer) Email: [email protected]>
<button>TEST</button>

CSS

// Aqeel Malik (Web Developer) Email: [email protected]

JavaScript

// Aqeel Malik (Web Developer) Email: [email protected] = jQuery 1.7.2x
$(document).ready(function () {
    var startTime, endTime, longpress;

    $("button").on('click', function () {
        (longpress) ? alert("Long Press") : alert("Short Press");
    });

    $("button").on('mousedown', function () {
        startTime = new Date().getTime();
    });

    $("button").on('mouseup', function () {
        endTime = new Date().getTime();
        longpress = (endTime - startTime > 500) ? true : false;
    });
});