angularjs如何避免快速点击按钮,重复提交请求
2017-05-05 12:06
781 查看
转载于:http://www.cnblogs.com/earl-yongchang/p/5609102.html
重写angularjs的ng-click事件
代码为:
app.config(['$provide', function ($provide) {$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);}}// scope.$on('$destroy', function () { iElement.off('click', onClick); });element.on('click', onClick);return original(element, attrs, transclude);};return $delegate;}]);}]);
相关文章推荐
- 如何避免新建的时候点击按钮重复提交ruby on rails
- 如何避免新建的时候点击按钮重复提交ruby on rails
- Asp.net的MVC中如何避免POST请求中出现的重复提交
- 关于Asp.Net中避免用户连续多次点击按钮,重复提交表单的处理
- Android 快速实现防止网络重复请求&按钮重复点击的方法
- 防止快速连续点击按钮重复提交数据之一(自定义方法实现)
- 关于Asp.Net中避免用户连续多次点击按钮,重复提交表单的处理
- asp.net中如何防止用户重复点击提交按钮
- ajax请求如何避免表单重复提交
- 防止快速连续点击按钮重复提交数据之二(定时器实现)
- JavaScript实现点击按钮后变灰避免多次重复提交
- 提交按钮点击后变灰色(不能再点),页面处理完毕后变为正常,避免重复提交
- MVC中如何避免POST请求中出现的重复提交
- AngularJS:表格中选择了多个复选框后如何通过点击提交按钮将复选框选中的数据提取出来
- JavaScript实现点击按钮后变灰避免多次重复提交
- 【asp.net中如何防止用户重复点击提交按钮】
- asp.net中如何防止用户重复点击提交按钮
- 关于Asp.Net中避免用户连续多次点击按钮,重复提交表单的处理
- 如何通过禁用按钮避免jQuery.ajax重复请求
- 如何处理:下载文件的按钮在事件未完成之前防止多次点击,事件完成之后又能继续点击提交