HTML 5画布:检测长按

Question

我正在研究一些HTML5画布.绘图应用程序是一个IPad WebApp.

现在我想知道是否有可能在画布上跟踪长按(点击并按住)并将其链接到画布外的事件.例如:我在画布上按住三秒钟,这会导致弹出窗口可见.

Answer 1

?<canvas id="myCanvas"></canvas>?????????????????????????????????????

您可以mousedown在画布事件上设置超时,然后在mouseup事件上清除它.

这是一个演示

?var canvas = document.getElementById('myCanvas');
var timer = null;

?canvas.onmousedown = function(){
  timer = setTimeout( doStuff, 2000 );
};

canvas.onmouseup = function(){
  clearTimeout( timer );
};

function doStuff() {
  alert('hello, you just pressed the mousebutton for two seconds.')
}