How do I get only touch events to fire in Simulator?

Question

Created Jul ’20

Replies 1

Boosts 0

Views 2.5k

Participants 1

I am using Safari on my Mac mini to debug a webpage that is open on Simulator iOS Safari. I have an event handler on the body that logs the event.target and event.type and I can see that touch and click events are firing when I single-click (using a mouse or trackpad) interact with the webpage.

If I debug the same page but this time by connecting an actual touch device, click events do not fire (actually they do but only on elements I was expecting them to rather than on every element as is happening in the simulated device).

If I simulate multi-touch by pressing ALT while clicking then only touch events fire as expected.

Is there a keypress or option to simulate single touches?

Boost

Answer 1

Stickyfish OP

Aug ’20

Hmm, OK. Maybe I am not being clear on the issue. Starting again ... I connect an iPad to my desktop Mac and debug using dev tools from the desktop Safari, a webpage that I have open in Safari on the plugged in iPad. I can see that as I physically touch the iPad screen different elements fire touch events and, depending on the element, sometimes click events also fire. The firing of click events on some elements is perhaps not what you might expect but it is normal behaviour. However, the issue is, when I load the same webpage to Safari on Simulator and debug it in the same way (i.e. using Safari dev tools) I can see click events always firing when I use the left mouse button to simulate single touch interactions with the webpage. If I simulate multi-touch (by pressing ALT while clicking) then click events only fire on those elements that would fire them on the iPad. So multi-touch seems to trigger events as expected.

Am I being a doofus and missing how to properly simulate single finger interactions using the mouse?
Or is there perhaps a bug in Simulator?

0