Easy HTML5 Canvas Mouse Event Handler

Last Update: 27 December 2012
Regular License: $7
Extended License: $35

Easy Canvas Mouse Event Handler makes the HTML5 Canvas Mouse Events more usable and user friendly.

With the help of this script you can easily bind mouse events to the shapes drawn on the canvas. Easy Canvas Mouse Event is built using Javascript and uses the HTML5 canvas element. The script offers variety of features that could help the web developers in enhancing their HTML5 Canvas development. Features

MouseDown Event You can bind the mousedown event to any object drawn on the canvas, and it will call the callback function when the mouse left button is pressed on the bounded object.

MouseUP Event You can bind the mouseUp event to any object drawn on the canvas, and it will call the callback function when the mouse left button is pressed and released on the bounded object.

MouseOver Event You can bind the mouseOver event to any object drawn on the canvas, and it will call the callback function when the mouse cursor is over the bounded object.

MouseOut Event You can bind the mouseOut event to any object drawn on the canvas, and it will call the callback function when the mouse cursor moves out from the bounded object.

MouseHover Event Mouse Hover Event is a combination of two mouse events MouseOver and MouseOut so it makes easier for the developer to handle the hover event easily.

You can bind the mouseHover event to any object drawn on the canvas and provide two callback methods ,one for MouseOver and one for MouseOut evnts, and it will call the respective callback function’s when the mouse cursor moves over and out from the bounded object on the canvas.