zoukankan      html  css  js  c++  java
  • 解决jquery click事件执行两次

    js 解决办法

    • event.preventDefault() :阻止默认行为,可以用 event.isDefaultPrevented() 来确定preventDefault是否被调用过了
    • event.stopPropagation() :阻止事件冒泡,事件是可以冒泡的,为防止事件冒泡到DOM树上,不触发任何前辈元素上的事件处理函数,可以用 event.isPropagationStopped() 来确定stopPropagation是否被调用过了
    $("#myDiv").click(function(e){
     e.stopPropagation();  //表示阻止向父元素冒泡
     e.preventDefault();   //阻止 方法阻止元素发生默认的行为(例如,当点击提交按钮时阻止对表单的提交或者a标签)。
    }); 
    

    jquery 解决办法

    unbind() 方法移除被选元素的事件处理程序。

    该方法能够移除所有的或被选的事件处理程序,或者当事件发生时终止指定函数的运行。

    该方法也可以通过 event 对象取消绑定的事件处理程序。该方法也用于对自身内部的事件取消绑定(比如当事件已被触发一定次数之后,删除事件处理程序)。

    注意:如果未规定参数,则 unbind() 方法会删除指定元素的所有事件处理程序。

    注意:unbind() 方法适用于任意由 jQuery 添加的事件处理程序。

    object.unbind("click").click(function () {
    
      ...
    
    });
  • 相关阅读:
    JS: 子项可以来回交换的两个下拉列表
    DOM事件
    DOM基础2——元素
    DOM基础1
    JS: 随机点名程序与万年历
    G_S男女匹配算法(算法的第一个程序2016.09.19)
    Java IO流详尽解析(大神之作)
    细讲解JAVA中的IO流
    c++运算符的优先级(收好不谢)
    java程序——输出当月日历表
  • 原文地址:https://www.cnblogs.com/niuben/p/12160539.html
Copyright © 2011-2022 走看看