AngularJS keypress event listener - NOT INPUT ELEMENT

Question

I am trying to create a DIV that responds to keypress events, specifically the up arrow and down arrow. When the div is open, I want the window/document to respond to specific keypress events. I've seen JQuery solutions, but I'd rather not use JQuery. What's the best way to accomplish this?

Specifically, I will have different audio volume images and I want these images to change with each keypress.

Naga Sai A · Accepted Answer · 2016-06-10 23:38:33Z

1

    $scope.keypress = function($event) {
     $scope.Key = $event.keyCode
     };

You can write in the div with ng-keydown="keypress($event)" codepen URL for reference-http://codepen.io/nagasai/pen/beEQRE

-

edited Jun 10, 2016 at 23:38

answered Jun 10, 2016 at 23:26

Naga Sai A

11k1 gold badge24 silver badges41 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Naga Sai A Over a year ago

added alert for up and down arrow

Les Paul Over a year ago

No that's not what I'm looking for. I don't want an input field involved. When a div is open, I want the window to respond to specific keypress events.

Les Paul · Accepted Answer · 2016-06-11 01:40:22Z

1

The solution I found was by using vanilla JavaScript:

window.addEventListener('keydown', function(e){
    // some code here
});

edited Jun 11, 2016 at 1:40

answered Jun 11, 2016 at 1:26

Les Paul

1,2785 gold badges23 silver badges47 bronze badges

Collectives™ on Stack Overflow

AngularJS keypress event listener - NOT INPUT ELEMENT

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related