javascript - Easeljs - 触摸事件在平板电脑和 Android 中不起作用 - 但为什么

Question

我正在使用一个名为 easeljs 的框架来开发一个 Canvas 应用程序 - 它允许您在屏幕上徒手绘制形状。

它可以在桌面上运行，但不能在平板电脑或安卓上运行。就好像触摸事件不起作用。

在桌面上运行良好

this.colourPallette.addEventListener('click', this.palletteHandler);



$('.gs-hamburger').on('click', function(event) {
            event.preventDefault();
            $('.gs-hamburger').toggleClass('gs-close');
            $('#gs-nav-static-hamburger').toggleClass('gs-nav-right-appear');
            $('main,#gs-navfix,#gs-nav-static').toggleClass('gs-nav-right-appear');
            $('#gs-nav-right').toggleClass('gs-appear');
        });

我是否需要先解除事件绑定(bind) - 以避免双重触发？然后BIND“点击touchstart”

addEventListener 怎么样 - 我可以将它与“click touchstart”链接起来吗？

类似这样的吗？

//__clean start
$(".selectorChoice").unbind('touchstart click');


//__ experienced journey selectors
$(".selectorChoice").bind('touchstart click', function(){

    //do other stuff            
    return false;
}); 

这样的东西也能工作吗？我需要集成 touchpunch - 还是仅在使用 jquery ui 时才需要集成 touchpunch？

this.colourPallette.addEventListener('click touchstart', this.palletteHandler);

Answer 1

您是否在舞台上启用了触摸功能？

createjs.Touch.enable(stage);

这会将 Windows、iOS 和 Android 触摸事件代理到常规鼠标处理程序方法。

http://www.createjs.com/Docs/EaselJS/classes/Touch.html