HTML 5画布:检测长点击

HTML 5 canvas: detect long click

本文关键字：检测 5画布 HTML      更新时间：2024-06-02

我正在绘制一些HTML5画布。绘图应用程序是一个IPad WebApp。

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

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

您可以简单地在画布的CCD_ 1事件上设置Timeout，然后在CCD_ 2事件上清除它。

这是一个演示

​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.')
}

您可以使用Hammer.js并监听"hold"事件。

相关文章：