fix: change event binding to slider ownerDocument (#326)

* change event binding to slider ownerDocument

* Refactoring. Take out ownerDocument to this.document

src/common/createSlider.jsx

@@ -86,6 +86,10 @@ export default function createSlider(Component) {
       this.removeDocumentEvents();
     }
 
+    componentDidMount() {
+      this.document = this.sliderRef.ownerDocument;
+    }
+
     onMouseDown = (e) => {
       if (e.button !== 0) { return; }
 
@@ -138,13 +142,13 @@ export default function createSlider(Component) {
 
     addDocumentTouchEvents() {
       // just work for Chrome iOS Safari and Android Browser
-      this.onTouchMoveListener = addEventListener(document, 'touchmove', this.onTouchMove);
-      this.onTouchUpListener = addEventListener(document, 'touchend', this.onEnd);
+      this.onTouchMoveListener = addEventListener(this.document, 'touchmove', this.onTouchMove);
+      this.onTouchUpListener = addEventListener(this.document, 'touchend', this.onEnd);
     }
 
     addDocumentMouseEvents() {
-      this.onMouseMoveListener = addEventListener(document, 'mousemove', this.onMouseMove);
-      this.onMouseUpListener = addEventListener(document, 'mouseup', this.onEnd);
+      this.onMouseMoveListener = addEventListener(this.document, 'mousemove', this.onMouseMove);
+      this.onMouseUpListener = addEventListener(this.document, 'mouseup', this.onEnd);
     }
 
     removeDocumentEvents() {