超链接点击一次就失效不能再点击

最新推荐文章于 2021-07-05 04:25:51 发布

最新推荐文章于 2021-07-05 04:25:51 发布 · 2.8k 阅读

文章标签：

#href #超链接 #失效 #不能再点击 #只点一次

java web 同时被 2 个专栏收录

237 篇文章

订阅专栏

javascript

140 篇文章

订阅专栏

本文介绍了如何通过JavaScript代码实现超链接点击一次后，后续无法再次点击的功能。通过定义disAbleA函数和setTimeout定时器，确保超链接在首次点击后被禁用，同时弹出确认框进行二次确认。此技巧适用于网站设计中增强用户体验和防止误操作。

如何让超链接点击一次就不能再点呢?

  <a href="<%=path%>/orders/export" class="daoc"  onclick="disAbleA(this,1);return com.whuang.hsj.confirmDelete('确定要导出吗?')"  >导 出(快)</a>&nbsp;
<a href="<%=path%>/orders/exportSlow" class="daoc"  onclick="disAbleA(this,2);return com.whuang.hsj.confirmDelete('确定要导出吗(包含产品详情)?')" >导 出(慢)</a>

 var disAbleA=function(object,num){
	if (object!=null) {
		object.onclick=function(){
			return false;
		}
		 function cleanUp22(){
		 	alert("begin");
         if(num==1){
         	object.onclick=function(){
         		return com.whuang.hsj.confirmDelete('确定要导出吗?');
         	}
         }else {
         	object.onclick=function(){
         		return com.whuang.hsj.confirmDelete('确定要导出吗(包含产品详情)?');
         	}
         }
      }
      setTimeout(cleanUp22,4000);
	}
}