1. getting touchy
AN INTRODUCTION TO TOUCH AND POINTER EVENTS
Patrick H. Lauke / JavaScript Days / München / 7 März 2014

2. 1. introduction
2. touch events
3. break
4. pointer events
5. debugging/testing
6. conclusion

3. patrickhlauke.github.io/touch

4. “how can I make my website
work on touch devices?”

5. you don't need touch events
browsers emulate regular mouse events

6. patrickhlauke.github.io/touch/tests/event-listener_mouse-only.html

7. patrickhlauke.github.io/touch/tests/event-listener_mouse-only.html

8. (mouseenter) > mouseover > mousemove* >
mousedown > (focus) > mouseup > click
*only a single “sacrificial” event is fired

9. on first tap
(mouseenter) > mouseover > mousemove >
mousedown > (focus) > mouseup > click
subsequent taps
mousemove > mousedown > mouseup > click
tapping away
mouseout > (blur)
focus/blur only on focusable elements in Opera Mobile and Firefox
mouseout not on iOS Safari and embedded WebView (e.g. iOS Chrome)

10. emulation works,
but is limiting/problematic

11. 1. delayed event dispatch
2. mouse-specific interfaces
3. mousemove doesn't track

12. 1. delayed event dispatch
2. mouse-specific interfaces
3. mousemove doesn't track

13. patrickhlauke.github.io/touch/tests/event-listener_show-delay.html

14. patrickhlauke.github.io/touch/tests/event-listener_show-delay.html

15. 1. delayed event dispatch
2. mouse-specific interfaces
3. mousemove doesn't track

16. steamcommunity.com/id/redux_splintered/screenshots/?appid=238260

17. vimeo.com/ondemand

18. patrickhlauke.github.io/touch/css-dropdown/mouse-only.html

19. 1. delayed event dispatch
2. mouse-specific interfaces
3. mousemove doesn't track

20. patrickhlauke.github.io/touch/particle/2

21. patrickhlauke.github.io/touch/particle/2
(bug in iOS7: moving finger does seem to scroll and fire multiple mousemove events?!)

22. “we need to go deeper...”

23. touch events
introduced in iOS 2.0, adopted in Chrome/Firefox/Opera
www.w3.org/TR/touch-events

24. touchstart
touchmove
touchend
touchcancel
touchenter
touchleave

25. patrickhlauke.github.io/touch/tests/event-listener_all-no-timings.html

26. patrickhlauke.github.io/touch/tests/event-listener_all-no-timings.html
Bug 128534 - 'mouseenter' mouse compat event not fired when listeners for touch events

27. touchstart > [touchmove]+ > touchend >
(mouseenter) > mouseover >
mousemove > mousedown > (focus) >
mouseup > click
(mouse events only fired for single-finger tap)

28. on first tap
touchstart > [touchmove]+ > touchend >
(mouseenter) > mouseover > mousemove > mousedown >
(focus) > mouseup > click
subsequent taps
touchstart > [touchmove]+ > touchend >
mousemove > mousedown > mouseup > click
tapping away
mouseout > (mouseleave) > (blur)
too many touchmove events abort the tap (after touchend)
too many touchmove events on activatable elements lead to touchcancel
not all browsers consistently send the touchmove
some browsers outright weird...

29. Browser/Android 4.3
(AppleWebKit/534.30)
mouseover > mousemove > touchstart > touchend > mousedown >
mouseup > click
Browser/Blackberry PlayBook 2.0
(AppleWebKit/536.2)
touchstart > mouseover > mousemove > mousedown > touchend >
mouseup > click

30. touch events
vs
limitations/problems

31. 1. delayed event dispatch
2. mouse-specific interfaces
3. mousemove doesn't track

32. 1. delayed event dispatch
2. mouse-specific interfaces
3. mousemove doesn't track

33. patrickhlauke.github.io/touch/tests/event-listener_show-delay.html

34. patrickhlauke.github.io/touch/tests/event-listener_show-delay.html

35. why the delay?
double-tap to zoom
(mostly anyway)

36. what if browsers didn't wait?

37. Puffin/Android (popular in Korea?) puffinbrowser.com
double-tap zooms and fires mouse events + click
(also, doesn't support touch events at all)

38. UCWeb/Android (popular in China?) ucweb.com
no delay...but only because it doesn't implement double-tap to zoom

39. when does the delay happen?

40. patrickhlauke.github.io/touch/tests/event-listener.html

41. patrickhlauke.github.io/touch/tests/event-listener.html

42. “how can we make it feel
responsive like a native app?”

43. react to events fired before
the 300ms delay...

44. touchstart
for an “immediate” control
touchend
for a control that fires after finger lifted

45. interlude:
simple feature detection for
touch events

46. if ('ontouchstart' in window) {
/* some clever stuff here */
}
/* older browsers have flaky support
so more hacky tests needed...
use Modernizr.touch or similar */

47. /* common performance “trick” */
var clickEvent = ('ontouchstart' in window ?
'touchend' : 'click');
blah.addEventListener(clickEvent,
function() { ... }, false);

48. don't make it touch-exclusive

49. hacks.mozilla.org/2013/04/detecting-touch...

50. github.com/Modernizr/Modernizr/issues/548

51. if ('ontouchstart' in window) {
/* browser supports touch events
but user is not necessarily
using touch (exclusively) */
}

52. hybrid devices
touch + mouse + keyboard

53. patrickhlauke.github.io/touch/tests/event-listener_show-delay-naive-event-fix.html

54. bugzilla.mozilla.org/show_bug.cgi?id=888304

57. Android + mouse – behaves like touch
touchstart > touchend > mouseover > mousemove > mousedown >
(focus) > mouseup > click

58. Blackberry PlayBook 2.0 + mouse – like desktop mouse
mouseover > mousedown > mousemove > mouseup > click

59. Android + keyboard – like desktop keyboard
focus > click

60. VoiceOver enables keyboard access on iOS

61. iOS + keyboard – similar to touch
focus > touchstart > touchend >
(mouseenter) > mouseover > mousemove > mousedown
blur > mouseup > click

62. iOS + VoiceOver – similar to touch
focus > touchstart > touchend >
(mouseenter) > mouseover > mousemove > mousedown
blur > mouseup > click

63. Android + TalkBack – keyboard/mouse hybrid
focus > blur > mousedown > mouseup > click > focus(?)
(though seems a bit flakey...)

64. touch or mouse or keyboard

65. touch and mouse and keyboard

66. /* doubled-up event listeners */
foo.addEventListener('touchend',
someFunction, false);
foo.addEventListener('click',
someFunction, false);

67. foo.addEventListener('touchstart',
function(e) {
/* prevent delay + mouse events */
e.preventDefault();
}, false);
/* doubled-up event listeners */
foo.addEventListener('touchend',
someFunction, false);
foo.addEventListener('click',
someFunction, false);

68. preventDefault
can kill scrolling, pinch/zoom, etc on
touchstart/touchmove

69. github.com/ftlabs/fastclick

70. browsers working to remove
delay when possible

71. patrickhlauke.github.io/touch/tests/event-listener_user-scalable-no.html

72. patrickhlauke.github.io/touch/tests/event-listener_user-scalable-no.html

73. patrickhlauke.github.io/touch/tests/event-listener_minimum-maximum-scale.html

75. patrickhlauke.github.io/touch/tests/event-listener_user-scalable-no.html

76. patrickhlauke.github.io/touch/tests/event-listener_user-scalable-no.html

77. patrickhlauke.github.io/touch/tests/event-listener_minimum-maximum-scale.html

78. Bug 922896 - Optimizations to remove 300ms touch > mouse events delay
[RESOLVED - FIXED]

79. Issue 169642: Remove ~300ms delay on tap for mobile sites [...]

80. [...] no more 300ms click delay, or double-tap zoom, on mobile websites

81. Chrome 32 for Android removes delay also when
<meta name="viewport" content="width=device-width">
updates.html5rocks.com/2013/12/300ms-tap-delay-gone-away

82. patrickhlauke.github.io/touch/tests/event-listener_user-scalable-no.html

83. iOS/Safari designed themselves into a corner
with “double-tap to scroll”
bugs.webkit.org/show_bug.cgi?id=122212

84. 1. delayed event dispatch
2. mouse-specific interfaces
3. mousemove doesn't track

85. steamcommunity.com/id/redux_splintered/screenshots/?appid=238260

86. vimeo.com/ondemand

87. patrickhlauke.github.io/touch/css-dropdown/mouse-only.html

88. no isolated hover (or focus)
on touch devices*
* iOS fakes it, Samsung Galaxy S4 + stylus, ...

89. patrickhlauke.github.io/touch/css-dropdown/mouse-only.html

90. patrickhlauke.github.io/touch/css-dropdown/mouse-only.html

91. http://developer.apple.com/library/IOS/...

92. Modernizr issue 869: Detecting a mouse user

93. www.stucox.com/blog/you-cant-detect-a-touchscreen

94. avoid hover-based interfaces?
complement for keyboard / touch!

95. patrickhlauke.github.io/touch/css-dropdown/mouse-keyboard.html

96. patrickhlauke.github.io/touch/css-dropdown/mouse-keyboard.html

97. patrickhlauke.github.io/touch/css-dropdown/mouse-keyboard-touch.html

98. 1. delayed event dispatch
2. mouse-specific interfaces
3. mousemove doesn't track

99. patrickhlauke.github.io/touch/particle/2

100. patrickhlauke.github.io/touch/particle/2
(bug in iOS7: moving finger does seem to scroll and fire multiple mousemove events?!)

101. touchstart > [touchmove]+ > touchend >
(mouseenter) > mouseover >
mousemove* > mousedown > (focus) >
mouseup > click
*mouse event emulation fires only a single mousemove

102. doubling up handling of
mousemove and touchmove

103. var posX, posY;
...
function positionHandler(e) {
posX = e.clientX;
posY = e.clientY;
}
...
canvas.addEventListener('mousemove',
positionHandler, false);

104. var posX, posY;
...
function positionHandler(e) {
/* handle both mouse and touch? */
}
...
canvas.addEventListener('mousemove',
positionHandler, false);
canvas.addEventListener('touchmove',
positionHandler, false);

105. interface MouseEvent : UIEvent {
readonly attribute long screenX;
readonly attribute long screenY;
readonly attribute long clientX;
readonly attribute long clientY;
readonly attribute boolean ctrlKey;
readonly attribute boolean shiftKey;
readonly attribute boolean altKey;
readonly attribute boolean metaKey;
readonly attribute unsigned short button;
readonly attribute EventTarget relatedTarget;
void initMouseEvent(...);
};
www.w3.org/TR/DOM-Level-2-Events/events.html#Events-MouseEvent

106. interface TouchEvent : UIEvent {
readonly attribute TouchList touches;
readonly attribute TouchList targetTouches;
readonly attribute TouchList changedTouches;
readonly attribute boolean altKey;
readonly attribute boolean metaKey;
readonly attribute boolean ctrlKey;
readonly attribute boolean shiftKey;
};
www.w3.org/TR/touch-events/#touchevent-interface

107. interface Touch {
readonly attribute long identifier;
readonly attribute EventTarget target;
readonly attribute long screenX;
readonly attribute long screenY;
readonly attribute long clientX;
readonly attribute long clientY;
readonly attribute long pageX;
readonly attribute long pageY;
};
www.w3.org/TR/touch-events/#touch-interface

108. patrickhlauke.github.io/touch/touchlist-objects

109. var posX, posY;
...
function positionHandler(e) {
if ((e.clientX)&&(e.clientY)) {
posX = e.clientX;
posY = e.clientY;
} else if (e.targetTouches) {
posX = e.targetTouches[0].clientX;
posY = e.targetTouches[0].clientY;
e.preventDefault();
}
}
...
canvas.addEventListener('mousemove',
positionHandler, false );
canvas.addEventListener('touchmove',
positionHandler, false );

110. patrickhlauke.github.io/touch/particle/3

111. patrickhlauke.github.io/touch/particle/4

112. www.splintered.co.uk/experiments/archives/paranoid_0.5

113. tracking finger movement
over time ... swipe gestures

114. patrickhlauke.github.io/touch/swipe

115. patrickhlauke.github.io/touch/swipe

116. patrickhlauke.github.io/touch/picture-slider

117. don't forget mouse/keyboard !

118. bradfrostweb.com/demo/mobile-first

119. touchmove fires...a lot!

120. do absolute minimum on each
touchmove
(usually: store new coordinates)

121. heavy JavaScript on
requestAnimationFrame
setInterval

122. patrickhlauke.github.io/touch/touch-limit

123. why stop at a single point?
multitouch support

124. interface TouchEvent : UIEvent {
readonly attribute TouchList touches;
readonly attribute TouchList targetTouches;
readonly attribute TouchList changedTouches;
readonly attribute boolean altKey;
readonly attribute boolean metaKey;
readonly attribute boolean ctrlKey;
readonly attribute boolean shiftKey;
};
www.w3.org/TR/touch-events/#touchevent-interface

125. for (i=0; i<e.targetTouches.length; i++) {
...
posX = e.targetTouches[i].clientX;
posY = e.targetTouches[i].clientY;
...
}

126. patrickhlauke.github.io/touch/tracker/multi-touch-tracker.html

127. iOS/iPad even preventDefault()
can't override 4-finger gestures

128. iOS7/Safari even preventDefault()
can't override back/forward swipe gestures

129. multitouch gestures

130. /* iOS/Safari has gesture events for size/rotation,
not supported in Chrome/Firefox/Opera,
not part of the W3C Touch Events spec. */
gesturestart, gesturechange, gestureend
e.scale, e.rotation

131. patrickhlauke.github.io/touch/iosgestures

132. patrickhlauke.github.io/touch/iosgestures/image.html

133. /* with some trigonometry we can replicate these
from basic principles. */
var distance = Math.sqrt(Math.pow(...)+Math.pow(...));
var angle = Math.atan2(...);

134. patrickhlauke.github.io/touch/pinch-zoom-rotate

135. patrickhlauke.github.io/touch/picture-organiser

136. older/cheaper devices/OS versions
and multitouch?

137. HTC Hero – Android 2.1

138. LG Optimus 2X – Android 2.3.7

139. ZTE Open – FirefoxOS 1.1

140. touch events and
Internet Explorer...

141. blogs.msdn.com/...

142. www.w3.org/TR/pointerevents

143. not just some “not invented here”
new approach for IE10+

144. html5labs.interoperabilitybridges.com/prototypes/...

145. code.google.com/p/chromium/issues/detail?id=162757

146. bugzilla.mozilla.org/show_bug.cgi?id=822898

148. ...what about Apple?

149. bugs.webkit.org/show_bug.cgi?id=105463
RESOLVED WONTFIX?!

150. patrickhlauke.github.io/touch/tests/event-listener_all-no-timings.html

151. patrickhlauke.github.io/touch/tests/event-listener_all-no-timings.html

152. mousemove* >
pointerover > mouseover >
pointerenter > mouseenter >
pointerdown > mousedown >
pointermove > mousemove >
gotpointercapture >
focus >
pointerup > mouseup >
lostpointercapture >
pointerout > mouseout >
pointerleave > mouseleave >
click
mouse events fired “inline” with pointer events
(for a primary pointer, e.g. first finger on screen)

153. vendor-prefixed in IE10
MSPointerDown etc
navigator.msMaxTouchPoints
-ms-touch-action
unprefixed in IE11

154. interface MouseEvent : UIEvent {
readonly attribute long screenX;
readonly attribute long screenY;
readonly attribute long clientX;
readonly attribute long clientY;
readonly attribute boolean ctrlKey;
readonly attribute boolean shiftKey;
readonly attribute boolean altKey;
readonly attribute boolean metaKey;
readonly attribute unsigned short button;
readonly attribute EventTarget relatedTarget;
void initMouseEvent(...);
};
www.w3.org/TR/DOM-Level-2-Events/events.html#Events-MouseEvent

155. /* Pointer Events extend Mouse Events
vs Touch Events and their completely new objects/arrays */
interface PointerEvent : MouseEvent {
readonly attribute long pointerId;
readonly attribute long width;
readonly attribute long height;
readonly attribute float pressure;
readonly attribute long tiltX;
readonly attribute long tiltY;
readonly attribute DOMString pointerType;
readonly attribute boolean isPrimary;
};
www.w3.org/TR/pointerevents/#pointerevent-interface

156. simple feature detection for
pointer events

157. if (window.PointerEvent) {
/* some clever stuff here
but this covers touch,
stylus, mouse, etc */
}
/* still listen to click for keyboard! */

158. if (navigator.maxTouchPoints > 1) {
/* multitouch-capable device */
}

159. patrickhlauke.github.io/touch/tests/pointer-multitouch-detect.html

160. no need for separate
mouse or touch
event listeners

161. /* touch events: separate handling */
foo.addEventListener('touchmove', ... , false);
foo.addEventListener('mousemove', ... , false);
/* pointer events: single listener
for mouse, stylus, touch */
foo.addEventListener('pointermove', ... , false);

162. no need for separate
mouse or touch
code to get x / y coords

163. interface MouseEvent : UIEvent {
readonly attribute long screenX;
readonly attribute long screenY;
readonly attribute long clientX;
readonly attribute long clientY;
readonly attribute boolean ctrlKey;
readonly attribute boolean shiftKey;
readonly attribute boolean altKey;
readonly attribute boolean metaKey;
readonly attribute unsigned short button;
readonly attribute EventTarget relatedTarget;
void initMouseEvent(...);
};
www.w3.org/TR/DOM-Level-2-Events/events.html#Events-MouseEvent

164. /* Pointer Events extend Mouse Events
vs Touch Events and their completely new objects/arrays */
interface PointerEvent : MouseEvent {
readonly attribute long pointerId;
readonly attribute long width;
readonly attribute long height;
readonly attribute float pressure;
readonly attribute long tiltX;
readonly attribute long tiltY;
readonly attribute DOMString pointerType;
readonly attribute boolean isPrimary;
};
www.w3.org/TR/pointerevents/#pointerevent-interface

165. but you can distinguish
mouse or touch or stylus
if needed

166. foo.addEventListener('pointermove', function(e) {
...
switch(e.pointerType) {
case 'mouse':
...
break;
case 'pen':
...
break;
case 'touch':
...
break;
default:
/* future-proof */
...
} , false);

167. pointer events
vs
limitations/problems
of mouse event emulation

168. 1. delayed event dispatch
2. mouse-specific interfaces
3. mousemove doesn't track

169. 1. delayed event dispatch
2. mouse-specific interfaces
3. mousemove doesn't track

170. patrickhlauke.github.io/touch/tests/event-listener_show-delay.html

171. patrickhlauke.github.io/touch/tests/event-listener_show-delay.html

172. patrickhlauke.github.io/touch/tests/event-listener.html

173. patrickhlauke.github.io/touch/tests/event-listener.html

174. patrickhlauke.github.io/touch/tests/event-listener.html

175. “how can we make it feel
responsive like a native app?”

176. patrickhlauke.github.io/touch/tests/event-listener.html

177. you can preventDefault()
most mouse compatibility events on pointerdown
...but click is not considered mouse compatibility event,
and the 300ms delay is not affected by this.

178. patrickhlauke.github.io/touch/tests/event-listener.html

179. patrickhlauke.github.io/touch/tests/event-listener.html

180. touch-action: auto|none|[pan-x][pan-y]
www.w3.org/TR/pointerevents/#the-touch-action-css-property
only prevents default touch action (e.g. double-tap to zoom)
does not stop synthetic mouse events nor click

181. touch-action:none

182. patrickhlauke.github.io/touch/tests/event-listener_touch-action-none.html

183. patrickhlauke.github.io/touch/tests/event-listener_touch-action-none.html

184. mousemove >
pointerover > mouseover >
pointerenter > mouseenter >
pointerdown > mousedown >
pointermove > mousemove >
gotpointercapture >
focus >
pointerup > mouseup >
click >
lostpointercapture >
pointerout > mouseout >
pointerleave > mouseleave

185. touch-action:none
kills scrolling, long-press,
pinch/zoom

186. 1. delayed event dispatch
2. mouse-specific interfaces
3. mousemove doesn't track

187. msdn.microsoft.com/en-us/library/ie/dn265029(v=vs.85).aspx

188. msdn.microsoft.com/en-us/library/ie/jj152135(v=vs.85).aspx

189. patrickhlauke.github.io/touch/css-dropdown/mouse-only-aria-haspopup.html

190. channel9.msdn.com/Blogs/IE/IE11-Using-Hover-Menus-with-Touch

191. 1. delayed event dispatch
2. mouse-specific interfaces
3. mousemove doesn't track

192. patrickhlauke.github.io/touch/particle/2

193. touch-action:none

194. patrickhlauke.github.io/touch/particle/2a

195. what about
multitouch?

196. patrickhlauke.github.io/touch/tracker/mouse-tracker_touch-action-none.html

197. /* PointerEvents don't have the handy touch arrays,
so we have to replicate something similar... */

198. /* PointerEvents don't have the handy touch arrays,
so we have to replicate something similar... */
var points = [];
switch (e.type) {
case 'pointerdown':
/* add to the array */
break;
case 'pointermove':
/* update the relevant array entry's x and y */
break;
case 'pointerup':
/* remove the relevant array entry */
break;
}

199. patrickhlauke.github.io/touch/tracker/multi-touch-tracker-pointer.html

200. /* like iOS/Safari, IE10/Win has higher-level gestures,
but these are not part of the W3C Pointer Events spec.
Replicate these from basic principles again? */

201. pointer events as the future?

202. what about backwards-
compatibility?

203. touchstart > [touchmove]+ > touchend >
[300ms delay] > mouseover > mousemove >
mousedown > mouseup > click
+
pointerover > mouseover > pointerdown >
mousedown > pointermove > mousemove > pointerup
> mouseup > pointerout > mouseout >
[300ms delay] > click

204. www.w3.org/community/touchevents

205. polyfills for pointer events
(code for tomorrow, today)

206. handjs.codeplex.com

207. www.catuhe.com/msdn/handjs

208. github.com/Polymer/PointerEvents

209. www.polymer-project.org

210. utility libraries
(because life is too short to hand-code gesture support etc)

211. eightmedia.github.io/hammer.js

212. jQuery Mobile? Sencha Touch? …
check for support of IE10+ and “this is a touch device” assumptions

213. debugging/testing

214. Issue 181204: Emulate touch events - event order different from real devices

215. Bug 920956 - DevTools touch emulation: suppress regular mouse events ...

216. developers.google.com/chrome-developer-tools/docs/console#monitoring_events

217. developers.google.com/chrome-developer-tools/docs/remote-debugging

218. Bug 861876 - [...] multiple mousemoves being fired

219. Bug 861876 - [...] preventDefault on touchstart doesn't stop synthetic mouse events

220. further reading...

221. Matt Gaunt – Touch Feedback for Mobile Sites
www.gauntface.co.uk/blog/2013/06/25/touch-feedback-for-mobile-sites
Jonathan Stark – FastActive
github.com/jonathanstark/FastActive
Stephen Woods – HTML5 Touch Interfaces
www.slideshare.net/ysaw/html5-touch-interfaces-sxsw-extended-version
David Rousset – Unifying touch and mouse: how Pointer Events will make cross-browsers touch support easy
blogs.msdn.com/b/davrous/archive/2013/02/20/handling-touch[...]
Chris Wilson + Paul Kinlan – Touch And Mouse: Together Again For The First Time
www.html5rocks.com/en/mobile/touchandmouse
Patrick H. Lauke – Webseiten zum Anfassen
webkrauts.de/artikel/2012/einfuehrung-touch-events
Ryan Fioravanti – Creating Fast Buttons for Mobile Web Applications
developers.google.com/mobile/articles/fast_buttons
Boris Smus – Multi-touch Web Development
www.html5rocks.com/en/mobile/touch
Boris Smus – Generalized input on the cross-device web
smus.com/mouse-touch-pointer

222. Rick Byers + Boris Smus (Google I/O) – Point, Click, Tap, Touch - Building Multi-Device Web Interfaces
developers.google.com/events/io/sessions/361772634
Grant Goodale – Touch Events
www.w3.org/conf/2011/#Touch_Events
W3C – Touch Events Extensions
www.w3.org/TR/2013/NOTE-touch-events-extensions-20131031
Mozilla Developer Network – Touch Events
developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Events/Touch_events
WebPlatform.org – Pointer Events
docs.webplatform.org/wiki/concepts/Pointer_Events
Rick Byers – The best way to avoid the dreaded 300ms click delay is to disable double-tap zoom
plus.google.com/+RickByers/posts/ej7nsuoaaDa
Tim Kadlec – Avoiding the 300ms Click Delay, Accessibly
timkadlec.com/2013/11/Avoiding-the-300ms-click-delay-accessibly
Microsoft – Pointer events updates (differences between IE10 and IE11)
msdn.microsoft.com/en-us/library/ie/dn304886(v=vs.85).aspx

223. Patrick H. Lauke – Webseiten zum Anfassen
webkrauts.de/artikel/2012/einfuehrung-touch-events
Patrick H. Lauke – Drei unter einem Dach: Pointer-Events für Maus, Stylus und Touchscreen
webkrauts.de/artikel/2013/drei-unter-einem-dach
Tilo Mitra – The State of Gestures
speakerdeck.com/tilomitra/the-state-of-gestures
Microsoft – Hover touch support (IE10/IE11)
msdn.microsoft.com/en-us/library/ie/dn265029(v=vs.85).aspx
Stu Cox – The Golden Pattern for Handling Touch Input
www.stucox.com/blog/the-golden-pattern-for-handling-touch-input/
Peter-Paul Koch – Touch table
www.quirksmode.org/mobile/tableTouch.html
Peter-Paul Koch – Preventing the touch default
www.quirksmode.org/mobile/default.html
Peter-Paul Koch – Mouse event bubbling in iOS
www.quirksmode.org/blog/archives/2014/02/mouse_event_bub.html

224. youtube.com/watch?v=AZKpByV5764

225. get in touch
@patrick_h_lauke
github.com/patrickhlauke/touch
slideshare.net/redux
paciellogroup.com
splintered.co.uk