Angular: "tab" keycode event not firing

javascript jquery angularjs keycode
Steve picture Steve · Jul 21, 2015 · Viewed 9.1k times · Source

I have a form field with a handler that I want to trigger after the user deliberately accepts the value with either return/enter or tabs to the next field. I can't use onBlur in this case, since it of course triggers if the user or system blur the field. I only want it on a keyup.

So I have this. I had the enter first, and it works great. But the keycode==9 does not trigger the handler. The focus merely moves to the next field. 

ng-keyup="($event.keyCode == 13 || 
           $event.keyCode == 9) 
           && packages.submitNumber('add', packages.addTrackingNumber)"

Is there a way to have this fire on enter OR tab?

Answer

Andrey picture Andrey · Jul 21, 2015

Tab button in html is tabulating to the next focusable element (buttons, inputs etc.). So when you keydown tab button keyup is happening on the next focusable. To avoid this you can try to use ng-keydown. See working example

Related questions

"Thinking in AngularJS" if I have a jQuery background?

Suppose I'm familiar with developing client-side applications in jQuery, but now I'd like to start using AngularJS. Can you describe the paradigm shift that is necessary? Here are a few questions that might help you frame an answer: How do …

Read More
How do I POST urlencoded form data with $http without jQuery?

I am new to AngularJS, and for a start, I thought to develop a new application using only AngularJS. I am trying to make an AJAX call to the server side, using $http from my Angular App. For sending the …

Read More
How to trigger ngClick programmatically

I want to trigger ng-click of an element at runtime like: _ele.click(); OR _ele.trigger('click', function()); How can this be done?

Read More