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 参数，并调用 $event.preventDefault();