diff --git a/app/canvas_handler.ts b/app/canvas_handler.ts
index 29a0004..86b92fd 100644
--- a/app/canvas_handler.ts
+++ b/app/canvas_handler.ts
@@ -4,5 +4,19 @@ export class CanvasHandler {
 
 	constructor(currentImageDiv: HTMLElement) {
 		this.currentImageDiv = currentImageDiv;
+		this.currentImageDiv.addEventListener('onmousedown', this.clickOnImage);
+		this.currentImageDiv.addEventListener('onmouseover', this.hoverOverImage);
 	}
+
+	// public Load() {
+	// 	this.currentImageDiv.addEventListener('onmousedown', this.clickOnImage);
+	// }
+
+	private hoverOverImage() {
+		console.log('hovering over image');
+	}
+
+	private clickOnImage = (e: Event) => {
+		console.log('Clicked on image');
+	};
 }
diff --git a/app/page.ts b/app/page.ts
index f76bf68..2703672 100644
--- a/app/page.ts
+++ b/app/page.ts
@@ -34,6 +34,7 @@ export class Page {
 		};
 
 		this.canvasHandler = new CanvasHandler(document.getElementById('currentImage') as HTMLElement);
+		// this.canvasHandler.currentImageDiv.addEventListener('onmousedown', ClickOnCanvas);
 
 		this.frameHandler = new FrameHandler(
 			document.getElementById('currentImage') as HTMLElement,