Wednesday, April 1, 2015

ng-mouseup event

AngularJS provides various mouse events to track events raised by user interaction with the mouse like mousedown, mouseup, mouseover etc, in this post we shall see on how to handle the mouseup event using AngularJS

AngularJS provides ng-mouseup directive to handle mouse down events raised by the user, mouseup event can be handled by associating the ng-mouseup directive to an event handler function which passes the mouse event as a parameter.

The following example shows on how to use the ng-mouseup directive to handle mouseup events raised by the user.

ng-mousedown event

AngularJS provides various mouse events to track events raised by user interaction with the mouse like mouseup, mousedown, mouseover etc, in this post we shall see on how to handle the mousedown event using AngularJS

AngularJS provides ng-mousedown directive to handle mouse down events raised by the user, mousedown event can be handled by associating the ng-mousedown directive to an event handler function which passes the mouse event as a parameter.

The following example shows on how to use the ng-mousedown directive to handle mousedown events raised by the user.

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.

Sunday, March 29, 2015

ng-keypress event

AngularJS provides various keyboard events to track events raised by user interaction with the keyboard like Keypress, Keypress, KeyPress etc, in this post we shall see on how to handle the keypress event using AngularJS

AngularJS provides ng-keypress directive to handle keypress events raised by the user, keypress event can be handled by associating the ng-keypress directive to an event handler function which passes the key event as a parameter.

The following example shows on how to use the ng-keypress directive to handle keypress events raised by the user.

ng-keyup event

AngularJS provides various keyboard events to track events raised by user interaction with the keyboard like Keyup, KeyUp, KeyPress etc, in this post we shall see on how to handle the keyup event using AngularJS

AngularJS provides ng-keyup directive to handle keyup events raised by the user, keyup event can be handled by associating the ng-keyup directive to an event handler function which passes the key event as a parameter.

The following example shows on how to use the ng-keyup directive to handle keyup events raised by the user.