js防止用户多次提交工具

在web 开发的过程中经常会有下载导出等功能。用户在操作的是由于网络延迟,数据较大等,会有反应迟缓的现象,就会认为操作不起作用,反复的点击导致数据多次加载,出现宕机,所以为避免出现这种情况,可以限制一下用户的操作。比如说五秒中可以操作一次。

一下就是我的方法:可以做成公共方法,供多个js调用。

使用的js和jQuery:使用的时候要导入jQuery。

function delay(obj){

  alert("点击之后按钮变成灰色,5秒之后恢复!!");//给用户的提示

  $(obj).attr("disabled","disabled");

  setTimeout(function(){$(obj).attr("disabled","");},5000);

}

把这个方法放在导入或者下载的按钮的onclick事件里,例如onclick="dowloud(),delay(this);",记住需要加this。

如果是要用id,把obj换成("#id的名字")就行。但是不通用,只能用在一处地方,换地方就需要改id的名字。

原文地址:https://www.cnblogs.com/hqbh/p/6728442.html