[client] Fix bugs in Mouse and Pencil.js

Nibriboard/ClientFiles/Pencil.js

@@ -47,13 +47,17 @@ class Pencil
 		// The time of the last push of the line to the server.
 		this.lastServerPush = 0;
 		
-		canvas.addEventListener("mouseDown", this.handleMouseDown.bind(this));
+		canvas.addEventListener("mousemove", this.handleMouseMove.bind(this));
-		canvas.addEventListener("mouseMove", this.handleMouseMove.bind(this));
+		canvas.addEventListener("mouseup", this.handleMouseUp.bind(this));
-		canvas.addEventListener("mouseUp", this.handleMouseUp.bind(this));
 	}
 	
 	handleMouseMove(event) {
 		// todo add zoom support here
+		
+		// Don't draw anything if the left mouse button isn't down
+		if(!this.boardWindow.mouse.leftDown)
+			return;
+		
 		var nextPoint = new Vector(
 			event.clientX + this.boardWindow.viewport.x,
 			event.clientY + this.boardWindow.viewport.y

Nibriboard/ClientFiles/Utilities/Mouse.js

@@ -70,9 +70,9 @@ class Mouse
 		this.position = new Vector(0, 0);
 		
 		// Register the required event listeners
-		document.addEventListener("mouseup", handleMouseUp.bind(this));
+		document.addEventListener("mouseup", this.handleMouseUp.bind(this));
-		document.addEventListener("mousedown", handleMouseDown.bind(this));
+		document.addEventListener("mousedown", this.handleMouseDown.bind(this));
-		document.addEventListener("mousemove", handleMouseMove.bind(this));
+		document.addEventListener("mousemove", this.handleMouseMove.bind(this));
 	}
 	
 	handleMouseUp(event)