off()函数清除click事件中的累积效果

off()函数清除click事件中的累积效果

off()函数清除click事件中的累积效果

话不多说,如上图所示。table表格中,点击最后一列的编辑框,弹出动态增加和删除table行操作。在删除过程中,第一次点击编辑、删除按钮以后,删除一行;第二次点击编辑、删除按钮之后,删除两行……原因何在???

click操作中的累积效果

当你第一次点击编辑、删除按钮之后,删除一行;第二次点击编辑、删除按钮之后,删除两行……第二次click事件发生后删除两行,是因为程序把你第一次的点击事件记录并同时执行了,依此类推,第三次click删除三行,第四次click删除四行……

off()函数移除元素上绑定的一个或多个事件处理函数

在程序中增加.off()函数,可以清除上一次的操作影响,最终实现每一次click操作只删除一行数据。

if(document.getElementsByName("mytable")[0].checked){
      document.getElementById('firstLine').deleteRow(dealAlarmModalId);
      $("#firstLine").off("click");
      }