rename feature detection properties

Author: Sebastien Pereira

events.js

@@ -24,12 +24,12 @@ define([
 		if (this._targetElement) {
 			return;// already initialized
 		}
-		if (!has("pointer")) {
-			if (has("mspointer")) {
+		if (!has("pointer-events")) {
+			if (has("mspointer-events")) {
 				mspointer.registerHandlers(targetElement);
 			} else {
-				if (has("touch")) {
-					if (!has("mobile")) {
+				if (has("touch-events")) {
+					if (!has("touch-device")) {
 						mouse.registerHandlers(targetElement);
 						if (has("chrome")) {
 							touch.registerHandlers(targetElement);
@@ -83,10 +83,10 @@ define([
 		if (!this._targetElement) {
 			return false;// not initialized
 		}
-		if (has("pointer")) {
+		if (has("pointer-events")) {
 			return targetElement.setPointerCapture(pointerId);// use native Pointer Events method
 		} else {
-			if (has("mspointer")) {
+			if (has("mspointer-events")) {
 				return targetElement.msSetPointerCapture(pointerId);// use native Pointer Events method
 			} else {
 				if (pointerId === 1) { // mouse always gets ID = 1
@@ -108,10 +108,10 @@ define([
 		if (!this._targetElement) {
 			return false;
 		}
-		if (has("pointer")) {
+		if (has("pointer-events")) {
 			return targetElement.releasePointerCapture(pointerId);
 		} else {
-			if (has("mspointer")) {
+			if (has("mspointer-events")) {
 				return targetElement.msReleasePointerCapture(pointerId);
 			} else {
 				if (pointerId === 1) {
@@ -141,21 +141,21 @@ define([
 	}
 
 	// CSS rule when user agent implements W3C Pointer Events or when a polyfill is in place.
-	if (has("pointer")) {
+	if (has("pointer-events")) {
 		insertTouchActionCSSRule("touch-action");
 	}
 
 		// CSS rule for IE10 and IE11 preview
-	if (has("mspointer")) {
+	if (has("mspointer-events")) {
 		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")) {
+	if (has("css-touch-action")) {
 		insertTouchActionCSSRule("touch-action");
 	} else {
 		// CSS rule for IE10 and IE11 preview
-		if (has("msTouchAction")) {
+		if (has("css-ms-touch-action")) {
 			insertTouchActionCSSRule("-ms-touch-action");
 		}
 	}
@@ -180,7 +180,7 @@ define([
 	 * @param e click event
 	 */
 	function clickHandler(e) {
-		if (has("touch")) {
+		if (has("touch-events")) {
 			// (7) Android 4.1.1 generates a click after touchend even when touchstart is prevented.
 			// if we receive a native click at an element with touch action disabled we just have to absorb it.
 			// (fixed in Android 4.1.2+)

handlers/features.js

@@ -4,12 +4,12 @@
 define([
 	"requirejs-dplugins/has"
 ], function (has) {
-	has.add("touch", "ontouchstart" in document); // UA supports Touch Events
-	has.add("pointer", "onpointerdown" in document); // UA supports Pointer Events
-	has.add("mspointer", "onmspointerdown" in document); // UA supports Pointer Events (IE10+IE11 preview)
+	has.add("touch-events", "ontouchstart" in document); // UA supports Touch Events
+	has.add("pointer-events", "onpointerdown" in document); // UA supports Pointer Events
+	has.add("mspointer-events", "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
+	has.add("touch-device", /(mobile)|(android)/i.test(navigator.userAgent)); // mobile device
+	has.add("css-touch-action", "touchAction" in document.body.style);// touch-action CSS
+	has.add("css-ms-touch-action", "msTouchAction" in document.body.style);// -ms-touch-action CSS
 	return has;
 });

handlers/touch.js

@@ -131,7 +131,7 @@ define([
 				tracker.update(touch, e, touchTarget);
 				// touch default actions must be prevented.
 				// Let user agent handle it if it supports the touch-action CSS property.
-				if (!has("touchAction")) {
+				if (!has("css-touch-action")) {
 					e.preventDefault();
 				}
 			}