How to detect pressed keys on the click of AngularJS

javascript angularjs dom-events keypress
Flavio Oliveira picture Flavio Oliveira · May 14, 2014 · Viewed 35.3k times · Source

I'm using angularjs on a web application that I need to figure out how can I detect is keys like ctrl, shift or alt are pressed when I click somewhere.

For example, with jQuery I can do that by accessing the Click function arguments.

Is there some out-of-the-box way to obtain that information on angular?

Answer

Flavien Volken picture Flavien Volken · Apr 23, 2015

In your html

<button ng-click="doSomething($event)"></button>

In your js

$scope.doSomething = function($event)
{
if ($event.altKey){}
if ($event.ctrlKey){}
if ($event.shiftKey){}
}

Related questions

Automatically pass $event with ng-click?

I know that I can get access to the click event from ng-click if I pass in the $event object like so: <button ng-click="myFunction($event)">Give me the $event</button> <script> function myFunction (…

Read More
How to test if event.target.hasClass() using angularJS and jqlite?

After a click pass the event to ctrl. I want to write a conditional that will return true if the element.target has the class modal-click-shield Question: How can I use .hasClass() with event.target using angulars' jqlite? Problem: Currently …

Read More
Angular ng-submit called twice

I have an angular form whose submit method is being hit twice, and I can't figure out why. I'm pretty new to Angular, so it's possible I'm overlooking something fairly simple... Html: <div ng-app="RegistrationApp" ng-controller="RegistrationController"> <…

Read More