javascript - 如何使用 HTML5/Javascript 防止长时间触摸/点击时选择 Canvas ?

标签 javascript html html5-canvas kineticjs

我正在使用 Kinetic.js 库来处理 HTML5 手机游戏的触摸事件和其他与 Canvas 相关的对象。该库提供了简单的接口(interface)来访问所有事件,但是它没有用于捕获长触摸/长按事件的句柄。 我的游戏要求用户按住按键才能继续射击,但这会选择整个 Canvas ,需要额外单击才能取消选择,重复完成时会变得很烦人。 我看了this讨论但没有接受任何解决方案。

最佳答案

event.preventDefault() 用于防止浏览器的默认行为,而 event.stopPropagation() 用于防止竞争事件处理程序触发。 对于 IE:window.event.cancelBubble = true

尝试使用 stopPropagation()

要获取事件,您可以执行以下操作:

 function(e) {
   var event = e || window.event;
   event.preventDefault();
   event.stopPropagation();
   // more code
 }

关于javascript - 如何使用 HTML5/Javascript 防止长时间触摸/点击时选择 Canvas ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11612024/

相关文章:

javascript - 如何使用 Flow 键入默认导出?

html - 标签中的 "for"是什么意思?

javascript - 如何偏移createjs按钮助手的点击区域?

javascript - 在 Canvas 上画花哨的圆有奇怪的效果

html - 清除属性在 ie 7 中不起作用

javascript - 计算图像中不连续 block 的数量

javascript - 阻止动态 Bootstrap 词缀 div 超出页脚

javascript - 如何在 body 负荷时调用函数

javascript - 捕获 JSON 错误?

javascript - 试图将功能彼此分离或隔离