feat: add support for Page Up and Page Down keys

zillow · Sep 27, 2019 · ed67408 · ed67408
1 parent e8c8e1f
commit ed67408
Showing 1 changed file with 17 additions and 9 deletions.
diff --git a/src/components/ReactSlider/ReactSlider.jsx b/src/components/ReactSlider/ReactSlider.jsx
@@ -378,21 +378,29 @@ class ReactSlider extends React.Component {
             case 'ArrowLeft':
             case 'ArrowDown':
                 e.preventDefault();
-                this.moveDownOneStep();
-                return;
+                this.moveDownBySteps();
+                break;
             case 'ArrowRight':
             case 'ArrowUp':
                 e.preventDefault();
-                this.moveUpOneStep();
-                return;
+                this.moveUpBySteps();
+                break;
             case 'Home':
                 e.preventDefault();
                 this.move(this.props.min);
-                return;
+                break;
             case 'End':
                 e.preventDefault();
                 this.move(this.props.max);
                 break;
+            case 'PageDown':
+                e.preventDefault();
+                this.moveDownBySteps(10);
+                break;
+            case 'PageUp':
+                e.preventDefault();
+                this.moveUpBySteps(10);
+                break;
             default:
         }
     };
@@ -643,15 +651,15 @@ class ReactSlider extends React.Component {
         }));
     }
 
-    moveUpOneStep() {
+    moveUpBySteps(steps = 1) {
         const oldValue = this.state.value[this.state.index];
-        const newValue = oldValue + this.props.step;
+        const newValue = oldValue + this.props.step * steps;
         this.move(Math.min(newValue, this.props.max));
     }
 
-    moveDownOneStep() {
+    moveDownBySteps(steps = 1) {
         const oldValue = this.state.value[this.state.index];
-        const newValue = oldValue - this.props.step;
+        const newValue = oldValue - this.props.step * steps;
         this.move(Math.max(newValue, this.props.min));
     }