Please enable Javascript to correctly display the contents on Dot Net Tricks!


Posted On : 08 Feb 2015
Updated On : 10 Feb 2015
Total Views : 2859

AngularJS provides event listener directives to handle HTML events like mouse click, double-click, key-press, key-down, text-change events etc.

AngularJS Event Listener Directives

You can attach an event listener to an appropriate HTML element by using one of the following AngularJS event listener directives:

  1. ng-click

  2. ng-dbl-click

  3. ng-keydown

  4. ng-keyup

  5. ng-keypress

  6. ng-change

  7. ng-mousedown

  8. ng-mouseup

  9. ng-mouseenter

  10. ng-mouseleave

  11. ng-mousemove

  12. ng-mouseover

AngularJS Events Example

JS Bin
What do you think?

I hope you have better understanding of events in AngularJS. I would like to have feedback from my blog readers. Your valuable feedback, question, or comments about this article are always welcome.