Как предотвратить Canvas действовать как изображение на мобильных устройствах?

Question

У меня есть интерактивный холст, на котором вы можете нажать на некоторые кнопки. Но когда я тестирую его на мобильном устройстве и пытаюсь нажать на кнопки, он не реагирует немедленно. Я должен нажать и ждать действия.

тест здесь: http://choix.me/labor/canvas/car.html

здесь Javascript код upBtn:

this.upBtn.addEventListener("mousedown", upClick.bind(this)); 
    this.upBtn.addEventListener("click", upRelease.bind(this)); 

    function upClick() 
    { 
       up = true; 
       speed = 10; 
       forward = 1; 
    } 
    function upRelease() 
    { 
       up = false; 
       speed = 10; 
       forward = 0; 
    } 

Answer 1

Вы используете MouseDown и нажмите событие, ни один из которых являются событие, которые естественным образом поддерживается в мобильном браузере. Они работают, но не так, как они работают на рабочем столе. Галстук в сенсорные события, в частности, touchstart и touchend события

https://developer.mozilla.org/en-US/docs/Web/API/Touch_events

this.upBtn.addEventListener("touchstart", upClick.bind(this)); 
    this.upBtn.addEventListener("touchend", upRelease.bind(this)); 

    function upClick() 
    { 
       up = true; 
       speed = 10; 
       forward = 1; 
    } 
    function upRelease() 
    { 
       up = false; 
       speed = 10; 
       forward = 0; 
    } 

не тестировался кодом, но суть там

Answer 2

Это было что-то делать с CreateJS:

Этим линия исправляет его:

createjs.Touch.enable(stage); 

от: Touch Events not registering for HTML5 Canvas Authoring using Flash CC