javascript - 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();