点击click触发两次事件解决办法

短命女 2021-11-17 14:14 1882阅读 0赞

在某个按钮绑定了单击事件，点击却触发两次事件请求，

1.（点击div触发两次事件）--解决办法

例：

$("#btn").click(function(e){
     e.stopPropagation();   //表示阻止向父元素冒泡
     e.preventDefault();     //阻止 方法阻止元素发生默认的行为（例如，当点击提交按钮时阻止对表单的提交或者a标签）。
    }); 
    Copy

2.有时需要，ajax时成功的触发click事件 如果多次ajax就会有多个事件存放，然后你点击时，会触发你点击的ajax的数目的click事件。

解决的办法是：$(“.at-share-btn”).unbind(); 提前取消事件

$.ajax({
                        type: "POST",
                        url:"/index.php",
                        data:{"email":email},
                        dataType:'json',
                        cache:false,
                        error: function(request) {
                            alert("Please refresh the page and try again.");
                        },
                        success: function(data) {
                        if(data.over){
                                   $(".at-share-btn").unbind();
                                   $(".at-share-btn").click(function(){  share(); });
                        }
                    });
    Copy

点击div以外的区域关闭模态框详情请访问： https://www.sky8g.com/technology/133/

发表评论取消回复

表情：

评论列表（有 0 条评论，1882人围观）

还没有评论，来说两句吧...

相关阅读

相关 GeckoFx (7)触发html元素的click点击事件

定义： browser：Gecko.GeckoWebBrowser 控件；目标：　使用 xpath 查询元素，并触发元素的点击事件。

港控/mmm°/ 2024年02月17日 18:13/ 0 赞/ 41 阅读

相关 ECharts 触发click点击事件

1 实现代码 <body>  <div id="main" st

我不是女神ヾ/ 2023年10月05日 11:41/ 0 赞/ 17 阅读

相关 vue使用echarts 点击事件点击一次触发多次

问题描述现项目中需求是切换公司就要更新地图，就需要重新渲染这个echarts图，一旦重新渲染后会出现累加情况，它会根据你渲染的次数调用点击事件，即点击一次触发多次

偏执的太偏执、/ 2022年12月16日 13:25/ 0 赞/ 273 阅读

相关 Android 按钮点击两次触发不同的事件

标题：Android 按钮点击两次触发不同的事件方案：采用flag标记的方式，每次单击标记为0，再次点击判断flag的值 package com.ldl.ui;

我就是我/ 2022年08月03日 03:16/ 0 赞/ 264 阅读

相关 iScroll click事件触发两次的解决方案

iScroll呢其实是截获了点击浏览器时的touchstart和touchend事件。在touchend的时候使用js去触发元素的onclick事件(\_end这个函数)。而在

﹏ヽ暗。殇╰゛Y/ 2022年07月14日 02:55/ 0 赞/ 241 阅读

相关 click事件点击一次重复触发 (解绑事件)

今天做一个小模块，点击有一个弹框弹小窗口出来，然后点击保存竟然保存的function会执行很多次，后面打断点发现问题的根源就在每点一次弹框就会注册一次click事件，导致cli

淩亂°似流年/ 2022年05月27日 09:46/ 0 赞/ 261 阅读

相关 better-scroll不滚动/连续两次触发点击事件等问题的解决

一/ 不滚动一般我们自己做滚动都是这种结构 <div class="content"> <-- 需要滚动的内容 --> </d

冷不防/ 2022年04月05日 13:46/ 0 赞/ 813 阅读

相关 jQuery点击（click）事件覆盖

jQuery中，事件的绑定是叠加式，而不是很多人想象的覆盖式。如： $('button').click(function(){ alert("firs

叁歲伎倆/ 2022年02月23日 14:21/ 1 赞/ 839 阅读

相关点击click触发两次事件解决办法

在某个按钮绑定了单击事件，点击却触发两次事件请求， 1.（点击div触发两次事件）--解决办法例： $("btn").click(function(e){

短命女/ 2021年11月17日 14:14/ 0 赞/ 1883 阅读

相关关于网页元素定义click事件，点击一次触发两次问题解决办法

有时候点击一个div或者其他元素出现两次事件，解决办法如下： $("myDiv").click(function(e){ e.stopPropagation

比眉伴天荒/ 2021年10月26日 12:48/ 0 赞/ 658 阅读