Touch events API Chrome 70 now disabled in default settings.
Hi,
the last Chrome update has blocked touch events on canvas, such as moving with objects. You need now manually(!!) enter into chrome://flags and enabled Touch events API. The same problem is with Edge, here is it necessary set in about:flags.
When I display HTML5 canvas scene in a browser, it is not possible to move with the finger on the touch screen with the object "obj".
Is there some way to solve it in Adobe Animate code?
Here is my code:
//
_this=this
var offset;
function setobject(evt)
{
var p1 = _this.globalToLocal(evt.stageX, evt.stageY);
this.offset = {x: evt.currentTarget.x - p1.x,y: evt.currentTarget.y - p1.y};
}
function moveobject(evt)
{
var p = _this.globalToLocal(evt.stageX, evt.stageY);
evt.currentTarget.x = p.x + this.offset.x;
evt.currentTarget.y = p.y + this.offset.y;
}
this.obj.addEventListener("mousedown", setobject)
this.obj.addEventListener("pressmove", moveobject)
//
When I set for example "touch-action: none" in CSS, it seems to help but it does not work with a multi-touch.
Is there any solution?
Thank you!
