|
@@ -198,19 +198,6 @@ export default class Reader {
|
|
|
|
|
|
this.viewportElement.insertBefore( this.progressBar, this.viewportElement.firstChild );
|
|
|
|
|
|
- const handleMouseDown = ( event ) => {
|
|
|
-
|
|
|
- event.preventDefault();
|
|
|
-
|
|
|
- this.draggingProgressBar = true;
|
|
|
-
|
|
|
- document.addEventListener( 'mousemove', handleDocumentMouseMove );
|
|
|
- document.addEventListener( 'mouseup', handleDocumentMouseUp );
|
|
|
-
|
|
|
- handleDocumentMouseMove( event );
|
|
|
-
|
|
|
- };
|
|
|
-
|
|
|
const handleDocumentMouseMove = ( event ) => {
|
|
|
|
|
|
let progress = ( event.clientY - this.progressBarInner.getBoundingClientRect().top ) / this.progressBarHeight;
|
|
@@ -231,6 +218,19 @@ export default class Reader {
|
|
|
|
|
|
};
|
|
|
|
|
|
+ const handleMouseDown = ( event ) => {
|
|
|
+
|
|
|
+ event.preventDefault();
|
|
|
+
|
|
|
+ this.draggingProgressBar = true;
|
|
|
+
|
|
|
+ document.addEventListener( 'mousemove', handleDocumentMouseMove );
|
|
|
+ document.addEventListener( 'mouseup', handleDocumentMouseUp );
|
|
|
+
|
|
|
+ handleDocumentMouseMove( event );
|
|
|
+
|
|
|
+ };
|
|
|
+
|
|
|
this.progressBarInner.addEventListener( 'mousedown', handleMouseDown );
|
|
|
|
|
|
}
|