From d196386d3c54f49898a39cd4c534bda32dcf2413 Mon Sep 17 00:00:00 2001 From: Beau Blyth Date: Thu, 26 Sep 2019 15:05:37 -0700 Subject: [PATCH] Started clicking action --- app/canvas_handler.ts | 14 ++++++++++++++ app/page.ts | 1 + 2 files changed, 15 insertions(+) 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,