Skip to main content
L
ladislavp39251242
Inspiring
September 4, 2018
Answered

Moving with objects on the touch screen in the Edge is not possible

  • September 4, 2018
  • 2 replies
  • 2755 views

Hi, can you help me? Moving with objects on the touch screen in the Edge browser is not possible. Chrome or Firefox works fine. Is it necessary to enter some code in javascript for Microsoft Edge??

Thanks!

This topic has been closed for replies.
Correct answer ladislavp39251242

Thanks for the link.

I really cannot reproduce the problem you're facing.

I just tested your file in my PC and in my phone using Edge for Android and everything is working normally.

Have you tried other devices? What version of Animate CC and CreateJS are you using? Make sure they're all up to date.


Hi,

you may have set in Edge here: "about:flags" "Touch events API enabled". But in default settings is it disabled.

Today the last Chrome update has blocked touch events on canvas too, 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.

Touch events API Chrome 70 now disabled in default settings. 

and it seems that no one knows what to do with it..

2 replies

N
Community Expert
Nick GioiaCommunity Expert
Community Expert
September 4, 2018

try this. Touch Drag on Microsoft Edge and IE 11 · Issue #273 · bevacqua/dragula · GitHub

L
ladislavp39251242Author
Inspiring
September 5, 2018

thanks, but it is not a solution

JoãoCésar17023019
Community Expert
JoãoCésar17023019Community Expert
Community Expert
September 4, 2018

Hi.

What code are you using?

L
ladislavp39251242Author
Inspiring
September 4, 2018

Hi Joao, its  createjs with "mousedown" and "pressmove):

this.pismeno1.on("mousedown", function (evt)

{

var p1 = _this.globalToLocal(evt.stageX, evt.stageY);

this.offset1 = {

  x: evt.currentTarget.x - p1.x,

  y: evt.currentTarget.y - p1.y

}

});

this.pismeno1.on("pressmove", function (evt)

{

var p = _this.globalToLocal(evt.stageX, evt.stageY);

evt.currentTarget.x = p.x + this.offset1.x;

evt.currentTarget.y = p.y + this.offset1.y;

});

JoãoCésar17023019
Community Expert
JoãoCésar17023019Community Expert
Community Expert
September 5, 2018

here is it:

example.rar - Google Drive

move the yellow bells with your finger across the canvas. In Edge is it not possible. Only with mouse


Thanks for the link.

I really cannot reproduce the problem you're facing.

I just tested your file in my PC and in my phone using Edge for Android and everything is working normally.

Have you tried other devices? What version of Animate CC and CreateJS are you using? Make sure they're all up to date.

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices