AngularJS backspace keypress

Question

I need to capture user's backspaces inside an input.

So I've done this:

<input type="text" ui-keypress="{8:'removeTagOnBackspace()'}" ng-model="searchStudent" />

And then, inside my controller I've done this, just to check if it's working:

$scope.removeTagOnBackspace = function() {
    console.log('here');
};

But is not printing anything. What is wrong with this? Is angular able to capture backspaces?

score 39 · Accepted Answer · answered Nov 07 '14 at 16:44

39

Got it!

<input type="text" ng-keydown="removeTagOnBackspace($event)" />

And:

$scope.removeTagOnBackspace = function (event) {
    if (event.keyCode === 8) {
        console.log('here!');
    }
};

answered Nov 07 '14 at 16:44

Matheus Lima

2

Thanks, this was interesting to run into - ng-keypress doesn't capture backspace key events (but does work for other keys), but ng-keydown works for the backspace key just fine. – Iain Collins Sep 17 '15 at 12:40
@mahesh Works with IE10 – jsruok Nov 29 '18 at 16:23
Ended up using `ng-keyup` because when `keydown` was called the input was not yet updated. – jsruok Nov 29 '18 at 16:25

1 Answers1