javascript - 尝试了解导致此 JavaScript 错误的原因

Question

我有一个元素X，onclick初始化/更新printControl，如下所示:

printControl.init(tab, source, location, start_month, end_month, year);

这里是printControl的相关代码:

var printControl = {
  init: function(tab, source, location, start_month, end_month, year) {
    $(".print").click(function() {
      window.print();
    });
  ...
  }
  ...

这是错误。当用户按下 .print 元素时，打印菜单将出现一次。但是，如果元素 X 已被单击特定次数而页面未重新加载，则当用户按下 .print 元素时，将打开默认打印菜单那个次数。

这是因为每次单击 X 时都会初始化一个新的 printControl 函数，因此当实际单击 .print 时，它会运行对于每一项功能？或者是发生了其他事情。如果是这样，我该如何重构我的代码来修复这个错误？

Answer 1

这确实发生了，因为多次绑定(bind)到单击事件。要在绑定(bind)点击处理程序之前解决此问题，请使用以下命令取消绑定(bind)任何现有处理程序

$(".print").off("click")