Phonegap - javascript longpress

时间:2013-04-01 17:01:25

标签: javascript jquery cordova click

我已经尝试了一段时间来完成这项工作。这种方法似乎在互联网上的几个地方工作,但不适合我。请注意,这可以在Dreamweaver(和chrome)中使用,但是当我在手机上试用时,它不适用于Eclipse Indigo(Phonegap)。

 $("#button4").mouseup(function(){
 //  clearTimeout(pressTimer);
    pressTimer = 0;
   // Clear timeout
   return false;
 }).mousedown(function(){
   // Set timeout
   pressTimer = window.setTimeout(function() { test(); },1000);
   return false; 
 });

 function test ()
 {alert("Longpress works");}

正常的“点击”也适用于“button4”。

1 个答案:

答案 0 :(得分:7)

这对我有用。使用on()是实现jquery事件的最新方法

var longpress;
$(document).ready(function(){
$("#yourElement").on('mousedown' ,function(){      
 longpress=true;    
 setTimeout(function() {    
    if(longpress)
     alert("long press works!");         
                  }, 3000);
})
$("#yourElement").on('mouseup' ,function(){      
    longpress=false;    
})

 }); //END

使用.off()删除事件。另请注意,如果您使用智能手机,则应使用“touchstart”作为mousedown事件,将“touchend”用作mouseup。