在javascript中获取触摸的持续时间

时间:2011-05-18 00:21:51

标签: javascript jquery iphone timer touch

是否可以在ios设备上使用javascript获取触摸的持续时间(如果可能,还可以使用其他设备)?我想区分长按和iphone webapp上的短按“点击”。

感谢您的意见:)

3 个答案:

答案 0 :(得分:18)

$('#element').each(function() {

   var timeout,
       longtouch;

   $(this).bind('touchstart', function() {
      timeout = setTimeout(function() {
          longtouch = true;
      }, 1000);
   }).bind('touchend', function() {
       if (longtouch) {
          // It was a long touch.
       }
       longtouch = false;
       clearTimeout(timeout);
   });

});

jsFiddle

小提琴适用于长按

答案 1 :(得分:3)

看看jQuery mobile http://jquerymobile.com/demos/1.0a4.1/#docs/api/events.html

它有点击和taphold事件,听起来可能符合您的需要。

答案 2 :(得分:0)

您可以检查识别点击或长按时间[jQuery]

function AddButtonEventListener() {
try {
var mousedowntime;
var presstime;
$("button[id$='" + buttonID + "']").mousedown(function() {
    var d = new Date();
    mousedowntime = d.getTime();
});
$("button[id$='" + buttonID + "']").mouseup(function() {
    var d = new Date();
    presstime = d.getTime() - mousedowntime;
    if (presstime > 999/*You can decide the time*/) {
        //Do_Action_Long_Press_Event();
    }
    else {
        //Do_Action_Click_Event();
    }
});
}
catch (err) {
alert(err.message);
}
}