Angular: "tab" 键码事件未触发

Question

我有一个带有处理程序的表单字段，我想在用户故意接受带有 return/enter 的值或下一个字段的制表符后触发该处理程序。在这种情况下我不能使用 onBlur，因为如果用户或系统模糊该字段，它当然会触发。我只想在键盘上使用它。

所以我有这个。我先有 enter，效果很好。但是 keycode==9 不会触发处理程序。焦点只是移动到下一个字段。

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

有没有办法在 enter 或 tab 上点火？

Answer 1

html 中的 Tab 按钮正在制表到下一个可聚焦元素（按钮、输入等）。因此，当您按下选项卡按钮 keyup 时，会在下一个焦点上发生。为避免这种情况，您可以尝试使用 ng-keydown。参见 working example

Angular: "tab" keycode event not firing