From 94d0c7b6e4cecf4d6e61380f30cf70a14e4414d3 Mon Sep 17 00:00:00 2001
From: puxiao <yangpuxiao@gmail.com>
Date: Sun, 6 Jun 2021 10:37:57 +0800
Subject: [PATCH] Slider.js: replace MouseEvent with PointerEvent

---
 src/components/Slider.js | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/components/Slider.js b/src/components/Slider.js
index a4a3ab6..9eee76f 100644
--- a/src/components/Slider.js
+++ b/src/components/Slider.js
@@ -42,24 +42,24 @@ export default class Slider extends Component {
     };
   }
 
-  handleMouseDown = event => {
+  handlePointerDown = event => {
     this.update(event.pageX);
 
-    window.addEventListener('mousemove', this.handleMouseMove);
-    window.addEventListener('mouseup', this.handleMouseUp);
+    window.addEventListener('pointermove', this.handlePointerMove);
+    window.addEventListener('pointerup', this.handlePointerUp);
   };
 
-  handleMouseMove = event => {
+  handlePointerMove = event => {
     this.update(event.pageX);
 
     event.preventDefault();
   };
 
-  handleMouseUp = event => {
+  handlePointerUp = event => {
     this.update(event.pageX, false);
 
-    window.removeEventListener('mousemove', this.handleMouseMove);
-    window.removeEventListener('mouseup', this.handleMouseUp);
+    window.removeEventListener('pointermove', this.handlePointerMove);
+    window.removeEventListener('pointerup', this.handlePointerUp);
   };
 
   handleClick = event => {
@@ -95,7 +95,7 @@ export default class Slider extends Component {
         className={cx('slider', className)}
         style={sliderStyles}
         onClick={this.handleClick}
-        onMouseDown={this.handleMouseDown}
+        onPointerDown={this.handlePointerDown}
         role="slider"
         tabIndex={0}
         aria-valuenow={value}