AngularJS: If only enter key pressed

Question

I found an example how to trigger an event if enter key pressed, but the problem is that this event triggered if any other button pressed at the same time. Especially, this problem is relevant for textarea, when Shift + Enter stands for expanding input vertically.

app.directive('ngEnter', function () {
    return function (scope, element, attrs) {
        element.bind("keydown keypress", function (event) {
            if(event.which === 13) {
                scope.$apply(function (){
                    scope.$eval(attrs.ngEnter);
                });

                event.preventDefault();
            }
        });
    };
});

So the question is actually how to catch event, when ONLY Enter key pressed?

`.bind()` is depricated, use [`.on()`](http://api.jquery.com/on/) instead. Secondly, in [`How to use a keypress event in angularjs`](https://stackoverflow.com/questions/17470790/how-to-use-a-keypress-event-in-angularjs), `EpokK` included HTML markup too, did you include that? — Alex, Jun 21 '18 at 15:13

Muhammad Usman · Accepted Answer · 2018-06-21T15:20:11.423

1

You can simply add another check for that i-e whether shift is pressed using event.shiftKey and do accordingly. Something like

if(event.which === 13 && !event.shiftKey) {
scope.$apply(function (){
                    scope.$eval(attrs.ngEnter);
                });
...
}

edited Jun 21 '18 at 15:20

answered Jun 21 '18 at 15:15

Muhammad Usman

10,039
22
39

1

Whether *what* is pressed? ;) – Lex Jun 21 '18 at 15:19

AngularJS: If only enter key pressed

1 Answers1