Nov 01, 2012

Crafting Touch Interactions: Touch Events, Pointer Events and Hardware Acceleration

Bill Fisher's picture
Bill Fisher
Design Engineer

In the past, it might have been easy to ignore touch events. After all, mouse events were available in every browser, even on mobile devices. We could even tie our interactions to our old friend, the click event. So our websites and web applications worked on touchscreen devices, and we were happy. Oddly, however, as mobile usage of the Web began to rise, a closer inspection of touch interactions became more important. It turned out that using the click event was not such a good idea, as there is a noticeable delay between the moment a person’s finger touches the screen and the actual triggering of the click event.

As recently as April of 2012, people were still advocating the use of click on touchscreens. They may be still advocating it. But click is an inferior user experience—on Mobile Safari, the click event does not fire until around 380 milliseconds after the initial contact with the screen. Users want an immediate response to their actions, but how fast does the application really need to be?

Read full story on Hot Labs...

Because you're a Hottie, please log in before commenting:


David's picture

Extremely well-written article! Thanks! Also, I'm having issues with the Touchy.js wheel and the event bubble. I am using touchy rotate and the items inside cancel out the touch event that would respond to the spin. I want to be able to "brake" (not break) the wheel by touching during a spin... and then, if it's stopped, select an element inside the wheel... but not while the element is spinning. I guess I need an isSpinning = false or something but I am not having any luck... Any thoughts? I am simply using list items that I've placed around a circle for placement. Sort of like a rotary telephone.

Post new comment