在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的名字。