如果我点击并按住一个按钮,我如何使用angular一次又一次地启动鼠标点击按钮
how can I fire the mouse click button again and again using angular if I click and hold a button?
<button type="button" class="btn btn-default"
ng-click="rotate(true)">
<i class="fa fa-sort-asc" style="color:blue"></i>
</button>
在用户点击并按住按钮之前,我如何在间隔500毫秒后一次又一次地调用控制器中的旋转功能?
通过ng mousedown和ng mouseup directie interval服务的组合,您可以创建此功能。
<button type="button" class="btn btn-default"
ng-mousedown="startRotate(true)" ng-mouseup="endRotate()" ng-mouseleave="endRotate()" >
<i class="fa fa-sort-asc" style="color:blue"></i>
</button>
在startrotate函数中,您创建了一个间隔,每隔x次调用rotate函数。在endRotate中,您可以按照在start函数中创建的间隔调用cancel函数。
编辑:您还需要ng mouseleave,因为如果您在鼠标按钮按下时将鼠标从按钮上移开,则不会注册ng mouseup。
文件:
http://docs.angularjs.org/api/ng/directive/ngMousedown
http://docs.angularjs.org/api/ng/directive/ngMouseup
http://docs.angularjs.org/api/ng/service/$interval
相关文章:
- 提交按钮,该按钮位于使用 Excel VBA 的 Javascript 中
- 如何在单击按钮时使用instantsearch.js启动搜索
- 如何在一个onclick按钮上使用一个javascript函数选择多个文本字段
- JQueryHide()在按钮中使用元素时不会隐藏元素
- 如何检查单选按钮是否使用JavaScript进行了检查
- Jquery:输入类型=“”;按钮“;使用.click()函数在Internet Explorer和Safari中不起作
- 如何创建一个“下一步”按钮,使用 Java 脚本和 Twitter Bootstrap 切换选项卡
- 将 checkedValue 绑定与单选按钮一起使用
- JQuery:所有按钮只使用一个监听器有什么缺点吗
- 表中的动态按钮用于使用Javascript(CodeIgniter)删除/编辑数据
- 在IE11中,点击next或back按钮,使用intro.js打开一个新页面
- 使用JavaScript检测Android后退按钮的使用
- 触发器快捷方式”;STRG+Plus按钮”;使用Javascript
- 通过点击表单外的按钮,使用required和angularjs验证输入字段
- Angularjs单选按钮未使用名称进行选择
- 单击按钮时使用JS读取JSON文件
- 按钮无法使用Javascript
- 事件委派模式,在按钮中使用 addEventListener 和嵌套元素
- 禁用按钮仍然使用“.click()”触发
- 如何将 NGROUTE 与用于更改视图的单选按钮一起使用