Add event handler to update postion on mouse wheel events

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-input-position",
-  "version": "1.3.2",
+  "version": "1.3.3",
   "description": "A React component that decorates it's children with mouse/touch position tracking, a status toggle fired by click/gesture events, and more.",
   "keywords": [
     "touch",

src/mouseActivation/click.js

@@ -35,10 +35,16 @@ function mouseLeave() {
   this.mouseDown = false;
 }
 
+function wheel(e) {
+  const position = { x: e.clientX, y: e.clientY };
+  this.setPosition(position);
+}
+
 export default {
   mouseDown,
   mouseUp,
   mouseMove,
   mouseLeave,
+  wheel,
   dragStart: utils.preventDefault
 };

src/mouseActivation/doubleClick.js

@@ -28,11 +28,17 @@ function mouseLeave() {
   this.mouseDown = false;
 }
 
+function wheel(e) {
+  const position = { x: e.clientX, y: e.clientY };
+  this.setPosition(position);
+}
+
 export default {
   mouseDown,
   mouseUp,
   dblClick,
   mouseMove,
   mouseLeave,
+  wheel,
   dragStart: utils.preventDefault
 };

src/mouseActivation/hover.js

@@ -28,11 +28,17 @@ function mouseLeave() {
   this.mouseDown = false;
 }
 
+function wheel(e) {
+  const position = { x: e.clientX, y: e.clientY };
+  this.setPosition(position);
+}
+
 export default {
   mouseDown,
   mouseUp,
   mouseMove,
   mouseEnter,
   mouseLeave,
+  wheel,
   dragStart: utils.preventDefault
 };

src/mouseActivation/mouseDown.js

@@ -55,11 +55,17 @@ function addRemoveOutsideHandlers(add) {
     });
 }
 
+function wheel(e) {
+  const position = { x: e.clientX, y: e.clientY };
+  this.setPosition(position);
+}
+
 export default {
   mouseDown,
   mouseUp,
   mouseMove,
   mouseLeave,
   mouseEnter,
+  wheel,
   dragStart: utils.preventDefault
 };