Add support for touch-action CSS when Pointer Events are not supported. Fixes #30.

Author: Sebastien Pereira

events.js

@@ -149,6 +149,16 @@ define([
 	if (has("mspointer")) {
 		insertTouchActionCSSRule("-ms-touch-action");
 	}
+	// CSS rule to map CSS attribute in case user agent has native support for touch-action or -ms-touch-action
+	// CSS property.
+	if (has("touchAction")) {
+		insertTouchActionCSSRule("touch-action");
+	} else {
+		// CSS rule for IE10 and IE11 preview
+		if (has("msTouchAction")) {
+			insertTouchActionCSSRule("-ms-touch-action");
+		}
+	}
 
 	/**
 	 * register click handler.

handlers/features.js

@@ -9,5 +9,7 @@ define([
 	has.add("mspointer", "onmspointerdown" in document); // UA supports Pointer Events (IE10+IE11 preview)
 	has.add("chrome", /chrome/i.test(navigator.userAgent)); // UA is chrome.
 	has.add("mobile", /(mobile)|(android)/i.test(navigator.userAgent)); // mobile device
+	has.add("touchAction", "touchAction" in document.body.style);// touch-action CSS
+	has.add("msTouchAction", "msTouchAction" in document.body.style);// -ms-touch-action CSS
 	return has;
 });

handlers/touch.js

@@ -5,9 +5,10 @@
  * todo: pointerenter/pointerleave: generate on capture when target is the originated element.
  */
 define([
+	"./features",
 	"./touchTracker",
 	"./utils"
-], function (tracker, utils) {
+], function (has, tracker, utils) {
 	"use strict";
 
 	var TouchEvents = {
@@ -127,8 +128,11 @@ define([
 					utils.dispatchEvent(touchTarget, createPointer(utils.events.MOVE, e, touch, {}));
 				}
 				tracker.update(touch, e, touchTarget);
-				// default actions must be prevented
-				e.preventDefault();
+				// touch default actions must be prevented.
+				// Let user agent handle it if it supports the touch-action CSS property.
+				if (!has("touchAction")) {
+					e.preventDefault();
+				}
 			}
 		}
 	}