我正在处理一些 HTML5 Canvas 绘图。绘图应用程序是一个 iPad WebApp。
现在我想知道是否有可能跟踪 Canvas 上的长按(点击并按住)并将其链接到 Canvas 外的事件。例如:我在 Canvas 上点击并按住三秒钟,这会导致弹出窗口可见。
最佳答案
<canvas id="myCanvas"></canvas>
您可以简单地在 Canvas 的 mousedown
事件上设置一个超时,
然后在 mouseup
事件中清除它。
这是一个 Demo
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.')
}
关于javascript - HTML 5 Canvas : detect long click,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11735245/