美文网首页
同一个节点 绑定相同的事件,分别执行

同一个节点 绑定相同的事件,分别执行

作者: lessonSam | 来源:发表于2020-05-07 19:12 被阅读0次

找到他们执行的切入点 保存执行状态
我这里的执行环境是修改和新增公用一个模态框 ,为模态框的确认事件绑定了两个点击事件
注意判断不能写到外面,因为函数是事件驱动的

var isAdd=0 ;   // 0表示修改 1 表示新增
$(".sure").on("click", function () { 
    if (isAdd === 0) {
      var $input = $(".modify-info input");
      for (var key in inputData) {
        inputData[key] = $input.filter("." + key).val();
        $otd.filter("."+key).html(inputData[key])
      }
      $("#inputModal").modal("hide");
    }
})


$(".sure").on("click", function () {
    if (isAdd === 1) {
      for (var i = 0; i < 6; i++) {
        afterData.push($input[i].value)
      };
      str = ` <tr>
      <td class="check"><input type="checkbox"></td>
      <td class="baseInfo">${afterData[0]}</td>
      <td class="buyTd">${afterData[1]}</td>
      <td class="goodsTd">${afterData[2]}</td>
      <td class="sugTd">${afterData[3]}</td>
      <td class="profitTd">${afterData[4]}</td>
      <td  class="mark">${afterData[5]}</td>
      <td class="action">
          <a class="modify btn btn-primary btn-sm" >修改 </a>
          <a class="del btn btn-danger btn-sm">删除</a>        
      </td>
    </tr>`
      $(".tab").append(str);
      str=""
      // 初始化 选中的状态
      $(".tab td input[type='checkbox'] ").prop("checked", false);
      $("#inputModal").modal("hide");
   }
});

请大家慢点喷,公司不让用es6 以及jQ 隐式遍历的方法,我也很绝望啊

相关文章

  • 同一个节点 绑定相同的事件,分别执行

    找到他们执行的切入点 保存执行状态我这里的执行环境是修改和新增公用一个模态框 ,为模态框的确认事件绑定了两个点击事...

  • 使用原生 JS 实现事件委托

    事件委托是什么 把若干个节点上的相同事件的处理函数event listener绑定到它的父节点上去, 在父节点上统...

  • JS基础学习:为元素绑定多个事件

    为同一个元素绑定多个相同的事件 为元素绑定事件(DOM)有两种,但是不兼容 通过 对象.addEventListe...

  • jq实现同一个元素单击事件和双击事件

    在html中,同一个元素,同时绑定click,dbclick事件,执行单击事件时,不会触发双击事件,但是执行双击事...

  • 事件绑定

    一.作用:为同一个元素绑定多个相同的事件二.方式:1.对象.on事件名字=事件处理函数注意:如果是多个相同事件注册...

  • DOM 绑定事件以及事件在for循环里解决闭包方法

    绑定事件处理函数的方法一、缺点同一个元素只能绑定一个事件处理函数,相同的会被覆盖 解除事件处理程序element....

  • 阻止事件冒泡

    事件从根节点开始,逐级派送到子节点,若节点绑定了事件动作,则执行动作,然后继续走,这个阶段称为“捕获阶段(Capt...

  • 冒泡事件和沉默事件

    事件冒泡就是一种传递的过程,由子节点向父级传递事件的过程。假如在子节点绑定一个事件,当点击子节点是会单独执行,而点...

  • jQuery-02

    事件绑定 js 可以添加多个相同或不同类型的事件,不会覆盖,都会执行。 eventName(fn) 推荐注意:部...

  • jQuery事件

    jquery事件 事件函数列表: 取消绑定事件: jquery元素节点操作 插入节点 删除节点 todolist(...

网友评论

      本文标题:同一个节点 绑定相同的事件,分别执行

      本文链接:https://www.haomeiwen.com/subject/lgkzghtx.html