搜索
简帛阁>技术文章>a标签的onclick事件,防止重复提交,js中让onclick点击事件只执行一次!

a标签的onclick事件,防止重复提交,js中让onclick点击事件只执行一次!

标签如果中的onclick事件点击几次就触发几次,就会出现多次请求,所以再次点击的时候不让其再触发!

有2种方式实现,下面详细介绍:

      1、不用jQuery的方式:(click事件被执行的时候,把它这个事件本身给清空。)

<a href="javascript:;" id="buttonId" onClick="buttonSubmit()" >按钮

<script type="text/javascript">
    // 弹框信息方法
    function buttonSubmit(){
        document.getElementById('buttonId').onclick = null; // 解绑onclick事件
	    alert('下面是执行的内容...');
    }
</script>

      2、第二种用jQuery的方式:( jQuery专门为此功能提供了一个函数one。这样写就能让click这个事件只执行一次。)

按钮

<script type="text/javascript">
    // 弹框信息方法   
     $("#buttonId").one('click',function(){
        alert('下面是执行的内容...');
    });
</script>

一个小问题,记录一下。 

自:https://wwwcnblogscom/pengfei25/p/6018237html//尊重原创我们常用a标签点击事件:1ahref"javascript:js_method();
onclickjavascript区别一般没用到都没注意,但出错时才有些郁闷,看文本章解释如下:以前一直很随意,后来看net里linkbutton似乎是用在<ahref"javascrip
我们常用a标签点击事件:1ahrefjavascript:js_method();relexternalnofollow这种方法在传递this等参数时候很容易出问题,而且javascrip
在web页面开发时,我们经常会遇到下列情况:1一个标签仅仅是要触发onclick行为;2表现上要有鼠标pointer指针显示,或者其他类似a标签视觉效果。比如执行删除操作时,为了避免误操作,我们要
1、onclick事件执行,如果onclick事件返回一个false值则href不再执行。2、href“”默认页面到锚点top所以页面有滚动条时会跳到最上面。最好解决办法是hrefjavascr
情况描述换了写法也点击无效;与先前正常运行文件语句比对,点击事件使用没有差异有关代码(React)<div><Buttontypeprimaryiconplusstyle{&l
当我们在处理a标签点击事件时发现即使href里面为空,点击事件效果也不明显,这种情况该如何处理呢常见处理方法有以下几种:1ahrefjavascript:void(0);relexternal
以下这种写法,onclick事件执行,href属性下动作后执行(页面跳转或javascript伪链接),如果不想执行href属性下动作,onclick需要返回false。<ahrefht
点击事件onclick传参this每次拼接字符串时候给onclick传this,接受this时候就会一脸懵逼,总是拿不到自己想要Dom,结果却是:【objice】,哎,最主要是年纪大了,脑子不
019独角兽企业重金招聘Python工程师标准>>>工作遇到一个非常奇怪问题,JSonclick事件无法起作用!前台页面如上,点击上一步时候可以回到上一步,但点击下一步时候却没有任何反应。