【问题标题】:Using touch events with Createjs / Easeljs通过 Createjs / Easeljs 使用触摸事件
【发布时间】:2013-06-18 10:30:17
【问题描述】:

我正在尝试将触摸事件与 Createjs / Easeljs 对象一起使用。例如,我正在尝试使用 addEventListener 附加 touchstart 和 touchmove 事件。

Touchstart 和 mousedown 似乎可以工作:我正在使用浏览器和触摸设备对其进行测试,它似乎在这两种情况下都可以工作。

但是,mousemove 和 touchmove 似乎不起作用。我虽然是因为我删除了 stopPropagation 和 preventDefault 方法,但是我看到 Lanny McNie 在 CreateJS 1 中写道不需要这样做。

我不知道为什么它不起作用。

这是我的代码: http://pastebin.com/pqxWLNKG

问候。

【问题讨论】:

  • 假设它已正确启用,我建议在适当的设备特定代码中设置一个断点,看看是浏览器问题还是其他问题。
  • @WiredPrairie,我希望可以,我认为远程调试控制台尚未启用。
  • 也许可以添加一些日志记录?你连接的是什么设备?
  • @WiredPrairie,我正在使用 Keon Geeksphone 设备。我可以使用 Adb Logcat,但我能看到的最好的是:pastebin.com/CVcC2mxb
  • 您的设备可能没有经过测试......我想知道它是否没有正确发送事件(所以也许它不是图书馆的问题,因为它是手机的问题?)跨度>

标签: javascript canvas easeljs createjs


【解决方案1】:

您可以使用 EaselJS 中包含的 Touch 类来启用多点触控 - 这会转化为正常的 EaselJS mousedown/mousemove 事件。查看 DragAndDrop 演示:http://www.createjs.com/demos/easeljs/draganddrop

createjs.Touch.enable(stage);

干杯。

【讨论】:

  • 非常感谢。有没有办法用 addEventListener 替换 onPress、onMouseMove、onMouseOver 和 onMouseOut 如果我做 createjs.Touch.enable(stage);还是 Touch 类只为 onAction 方法启用多点触控?
  • 触摸类只是代理现有的交互。不推荐使用 onAction 回调 - 鼓励使用事件模型!
  • 这太棒了!在我看到这个之前,我一直在尝试使用 fastclick.js 并且无法完成我想要做的事情。谢谢!
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-06-13
  • 2013-07-27
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多