js防止用户多次提交工具

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

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

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

function delay(obj){

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

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

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

}

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

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

转载于:https://www.cnblogs.com/histlyb/p/6734542.html