angularjs tab键按下防止默认

Question

嗨我有一个输入字段，当按下Tab键时调用函数add_plu（）。虽然它可以工作，但它会移动到页面的下一个元素（tab键的默认操作）。

如何阻止标签按钮的默认行为？这是我的代码：

   <input class="order-input-plu form-control" ng-model="order.orderwindow.add_field" ui-keydown="{ 'tab':'add_plu(order.orderwindow.add_field)'}">

Answer 1

ui-key *指令在范围内提供事件，因此您可以将$ event添加到函数调用中并使用它执行某些操作。

ui-keydown="{ 'tab':'add_plu(order.orderwindow.add_field, $event)'}"

然后修改你的add_plu以获取$ event param，并调用$ event.preventDefault（）;