首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

遏止按钮重复点击

2013-11-09 
阻止按钮重复点击?这里提供两种不同情况下的阻止重复点击解决方案。按钮BUTTON类a标签类?在js里设置全局变

阻止按钮重复点击

?

这里提供两种不同情况下的阻止重复点击解决方案。
    按钮BUTTON类a标签类?在js里设置全局变量,提交后修改该变量的值,依据变量的值判断是否重复提交
对于第一类情况,button有一个属性是disabled控制其是否可以点击,看代码:<input type="button" value="Click" id="subBtn"/><script type="text/javascript">function myFunc(){? ? //code? ? //执行某段代码后可选择移除disabled属性,让button可以再次被点击? ??$("#subBtn").removeAttr("disabled");}$("#subBtn").click(function(){????//让button无法再次点击? ??$(this).attr("disabled","disabled");? ? //执行其它代码,比如提交事件等? ? myFunc();});</script>?第二类情况,可以使用按钮或链接的click事件来执行预期的单击动作,然后将事件处理重定向,以阻止其余的点击。<a href="javascript:;" onclick="return funcOne();" >点击</a><script type="text/javascript">function funcOne(){????alert("Click the button!");? ? //点击一次后把funcTwo赋给funcOne,funcTwo是一个什么也不执行的函数,因此再次点击不执行任何操作????funcOne=funcTwo;????return false;}function funcTwo(){????return false;}</script>?第三类 ?在js里设置全局变量,提交后修改该变量的值,依据变量的值判断是否重复提交

 var flag=true;

  function checkForm(){

  if (flag==false){

  return;

  }

  flag=false;

  document.form1.submit();

  }

?

热点排行