Question

我使用一个名为easeljs的框架来开发一个画布应用程序 - 它允许你在屏幕上绘制一个写意形状。

它在桌面上工作，但不在平板电脑或Android中。它好像触摸事件不起作用。

在桌面

中正常工作

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＆＃34;点击touchstart＆＃34;

addEventListener怎么样 - 我只是将它链接到＆＃39;点击touchstart＆＃39;？

这样的东西？

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


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

    //do other stuff            
    return false;
});

这样的事情也有效吗？我是否需要集成touchpunch - 或者仅在使用jquery ui时才这样做？

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

Answer 1

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

createjs.Touch.enable(stage);

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

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

Easeljs - 触摸事件在平板电脑和Android中无效 - 但为什么呢

1 个答案: