Wednesday, April 1, 2015

AngularJS Mouse Events

AngularJS provides a set of events to handle user interactions in the UI layer, AngularJS events can be broadly classified into the following 3 categories.

Change Events – To handle triggered from controls like TextBox, Dropdown, checkbox etc.
Keyboard Events – To handle events triggered by user typing keys in the keyboard.
Mouse Events – To handle mouse events like mouse_up, mouse_down, etc

In this post we shall see on the various possible mouse events provided by AngularJS.

AngularJS provides ng-mouseup, ng-mousedown, ng-mouseenter, ng-mouseleave, ng-mousemove & ng-mouseover directive to handle appropriate mouse events, these events are triggered when user preforms the corresponding action in the UI.

The events are handled by assigning a function to each of these directives, and passing the $event as parameter to the function, as follows.

ng-mousedown=HandlerFunction($event)

In the following post we shall see on how to handle each of these events.

Search Flipkart Products:
Flipkart.com

No comments: