IONIC WebApp之防止短时间内按钮多次点击
2016-08-08 10:44
1406 查看
因网络延迟的缘故,对着某个按钮狂点导致请求过多,刚开始想直接把按钮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;
}]);
}])
如果博友们有其他的解决方法,求提供啊~
.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;
}]);
}])
相关文章推荐
- 防止按钮在短时间内被多次点击
- RxAndroid防止按钮短时间内被重复点击多次
- 防止按钮在短时间内被多次点击的方法
- 防止按钮在短时间内被多次点击
- 防止按钮在短时间内被多次点击并且倒计时
- RxAndroid 防止按钮短时间内被重复点击多次,进行限制
- vue防止按钮在短时间内被多次点击的方法
- 防止按钮在短时间内被多次点击
- 防止按钮在短时间内被多次点击的方法
- 如何处理:下载文件的按钮在事件未完成之前防止多次点击,事件完成之后又能继续点击提交
- .net防止多次点击按钮
- Javascript防止短时间内button被点击多次
- 防止用户多次点击按钮,导致发送多次请求或者其他问题。
- ios 防止按钮快速点击造成多次响应的避免方法。
- 防止在服务器处理完成之前用户多次点击提交按钮处理代码
- 防止页面在提交的过程中多次点击按钮
- 防止重复多次点击按钮
- ASP.NET怎么防止多次点击提交按钮重复提交
- asp.net防止恶意刷新或多次点击按钮的方法
- ios 防止按钮快速点击造成多次响应的避免方法。