Rename attribute data-touch-action => touch-action.

Sebastien Pereira · Sebastien Pereira · commit b54f4b4730c9 · 2014-03-26T16:00:06.000+01:00
Fixes #9
diff --git a/README.md b/README.md
@@ -5,7 +5,7 @@ This project proposes a unified and consistent javascript events API which aims
 This API is a shim of the [W3C Pointer Events specification][W3C_pointer] and adds features that are out of scope of the current specification.
 
 - Generates **Pointer Events** according to the current specification..
-- Use attribute `data-touch-action` to set touch action on HTML elements; generates `touch-action` and `ms-touch-action` CSS properties when supported by the browser.
+- Use attribute `touch-action` to set touch action on HTML elements; generates `touch-action` and `ms-touch-action` CSS properties when supported by the browser.
 - Support **Pointer Capture** with mouse and touch events.
 - Normalize **click** (Tap) events, **double click** (double Tap) events, and event **button/buttons/which** values.
 - Generate immediate clicks (no ~300ms delay)
@@ -48,14 +48,14 @@ _Manual_ master installation:
 
 ##Usage
 1. Require the module `dpointer/events`
-2. Set the attribute `data-touch-action` on elements you want to handle pointer events. Example: `<div data-touch-action="none"> </div>`
+2. Set the attribute `touch-action` on elements you want to handle pointer events. Example: `<div touch-action="none"> </div>`
 3. Start listening to Pointer Events: 
 `pointerdown, pointerup, pointercancel, pointermove,`
 `pointerover, pointerout, pointerenter, pointerleave, gotpointercapture and lostpointercapture`.
 
 ###Setting the Touch Action attribute
 - Programmatic: use *dpointer/events* function `setTouchAction(targetElement, actionType)`
-- Declarative: add the attribute `data-touch-action='<actiontype>'`
+- Declarative: add the attribute `touch-action='<actiontype>'`
 
 Where actionType is `none`to disable the user agent default behavior. `pan-x` and `pan-y` have the same effect as `none` (see Limitations)
 
diff --git a/events.js b/events.js
@@ -68,7 +68,7 @@ define([
 	};
 
 	/**
-	 * Set the attribute data-touch-action on the target element.
+	 * Set the attribute touch-action on the target element.
 	 * Supported touch-actions are "auto" (user agent handles touch actions
 	 * default behaviors), "none" (disable user agent default behavior), pan-x and pan-y.
 	 *
@@ -132,7 +132,7 @@ define([
 	};
 
 	/**
-	 * CSS rule to define touch-action or -ms-touch-action when data-touch-action attribute is set on Elements.
+	 * CSS rule to define touch-action or -ms-touch-action when touch-action attribute is set on Elements.
 	 *
 	 * @param styleName should be touch-action or -ms-touch-action
 	 */
diff --git a/handlers/utils.js b/handlers/utils.js
@@ -20,7 +20,7 @@ define([
 			LOSTCAPTURE: "lostpointercapture"
 		},
 		TouchAction: { // touch action
-			ATTR_NAME: "data-touch-action",
+			ATTR_NAME: "touch-action",
 			AUTO: 0,  // 0000
 			PAN_X: 1, // 0001
 			PAN_Y: 2, // 0010
@@ -38,7 +38,7 @@ define([
 
 	/**
 	 * With touch events there is no CSS property touch-action: Touch action
-	 * is specified by the value of the HTML attribute data-touch-action.
+	 * is specified by the value of the HTML attribute touch-action.
 	 * This function returns the touch action which applies to the element, based on "touch action"
 	 * from its ancestors.
 	 * To be used only when underlying native events are touch events.
diff --git a/tests/capture/capture1.html b/tests/capture/capture1.html
@@ -116,7 +116,7 @@
 
 </head>
 <body id="body">
-<div id="container" data-touch-action="none">Press inside a button, then move outside and over the other button.
+<div id="container" touch-action="none">Press inside a button, then move outside and over the other button.
 	<div id="Btn" class="btn">NO CAPTURE</div>
 	&#160;
 	<div id="capturedBtn" class="btn">CAPTURE</div>
diff --git a/tests/paint/paint1.html b/tests/paint/paint1.html
@@ -90,6 +90,6 @@
 
 </head>
 <body>
-<canvas id="drawingArea" data-touch-action="none">Canvas not supported?</canvas>
+<canvas id="drawingArea" touch-action="none">Canvas not supported?</canvas>
 </body>
 </html>
diff --git a/tests/paint/paint2.html b/tests/paint/paint2.html
@@ -110,6 +110,6 @@
 
 </head>
 <body>
-<canvas id="drawingArea" data-touch-action="none">Canvas not supported?</canvas>
+<canvas id="drawingArea" touch-action="none">Canvas not supported?</canvas>
 </body>
 </html>
diff --git a/tests/tracker/tracker.html b/tests/tracker/tracker.html
@@ -61,10 +61,10 @@
 						var elementRef = document.getElementById(item[1]);
 						checkboxRef.addEventListener("change", function(){
 							if(checkboxRef.checked){
-								tracker.log("set data-touch-action = none [" + item[1] + "]");
+								tracker.log("set touch-action = none [" + item[1] + "]");
 								pointer.setTouchAction(elementRef, "none");
 							}else{
-								tracker.log("set data-touch-action = auto [" + item[1] + "]");
+								tracker.log("set touch-action = auto [" + item[1] + "]");
 								pointer.setTouchAction(elementRef, "auto");
 							}
 						});
