javascript - Angularjs 选项卡按钮

标签 javascript jquery angularjs angular-ui angular-ui-bootstrap

嗨!我想知道如何使用键盘上的选项卡按钮调用函数?像这样的事情:

<button 
    class="btn btn-primary order-input-add" 
    ui-keypress="{13:'add_plu(order.orderwindow.add_field)'}" 
    ng-click="add_plu(order.orderwindow.add_field)">Add
</button>

这段代码允许我按“enter”键来调用函数“add_plu()”。这使用 Angular ui 实用程序库。

谢谢

最佳答案

按下某个键时会触发 keypress 事件,并且该键通常会生成一个字符值。

您可以使用 keydown 事件来代替:

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

演示:http://plnkr.co/edit/XMRlVLnw2BEyoVgvQyW9?p=preview

请注意,您需要先单击按钮才能获得焦点,这是另一个问题。

关于javascript - Angularjs 选项卡按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23463206/

相关文章:

javascript - 在 Socket.io 函数中使用 this 关键字

javascript - 生成字符串数组的不同组合 [JavaScript]

javascript - 为什么 jQuery.height() 对 id 起作用,但对类不起作用?

带变量的 Jquery CSS?

javascript - 当我使用 ngf-select 选择按钮时,ng-file-upload 中的 ng-model 更改为 null

javascript - 如何做 IF/OR Angular ng-class

javascript - 在 XSLT 中使用 javascript 加载 xml 文件

javascript - 如何在不显示 html 标记的情况下过滤和标记输入中的单词?

jquery - 验证所有表单输入是否具有类别

javascript - 如何使用 C# 和 Angular js 在 View 上显示数据