IONIC WebApp之防止短时间内按钮多次点击
来源:互联网 发布:php企业网站系统 编辑:程序博客网 时间:2024/05/26 17:44
因网络延迟的缘故,对着某个按钮狂点导致请求过多,刚开始想直接把按钮disabled掉,然后发觉这个按钮是div样式,并用的ng-click做的事件绑定,因而并不奏效。
如果博友们有其他的解决方法,求提供啊~
.config(['$provide',function($provide){ //解决重复点击BUG $provide.decorator('ngClickDirective',['$delegate','$timeout',function($delegate,$timeout){ var original = $delegate[0].compile; var delay = 500; $delegate[0].compile = function(element,attrs,transclude){ var disabled = false; function onClick(evt){ if(disabled){ evt.preventDefault(); evt.stopImmediatePropagation(); }else{ disabled = true; $timeout(function(){ disabled = false; }, delay, false); } } element.on('click', onClick); return original(element, attrs, transclude); }; return $delegate; }]);}])
0 0
- IONIC WebApp之防止短时间内按钮多次点击
- 防止按钮在短时间内被多次点击
- 防止按钮在短时间内被多次点击
- 防止按钮在短时间内被多次点击并且倒计时
- 防止按钮短时间内重复点击
- RxAndroid 防止按钮短时间内被重复点击多次,进行限制
- Javascript防止短时间内button被点击多次
- 防止短时间内多次点击的方法ClickEffectUtil
- 防止控件短时间被多次点击
- 防止按钮多次点击
- 防止按钮多次点击
- 防止按钮多次点击
- Android防止button短时间内多次被点击(具体间隔时间可自由选取)
- Android防止button短时间内多次被点击(具体间隔时间可自由选取)
- iOS解决按钮短时间内多次点击只触发一次事件方法(开始写博客)
- iOS解决按钮短时间内多次点击只触发一次事件方法
- iOS解决按钮短时间内多次点击只触发一次事件方法
- iOS解决定时器按钮短时间内多次点击只触发一次事件方法
- 被虎咬伤女子已脱离危险,让伤害就止于此吧
- java中的File.separator
- Web Server之通过Node.js快速搭建服务
- C#入门7.2——一维数组的使用
- Dubbo多版本
- IONIC WebApp之防止短时间内按钮多次点击
- redhat安装mysql5.7.13 error while loading shared libraries: libaio.so.1(转)
- Java 集合框架源码分析(一)——ArrayList
- [OpenGL ES 03]3D变换:模型,视图,投影与Viewport
- 数据结构实验之查找二:平衡二叉树
- POJ 3026 Kruskal+BFS
- 后缀树与后缀数组
- 计算机网络总结(1)
- MySQL修改root密码的4种方法