如何停止函数运行，或者仅在 jQuery 上选中复选框时如何运行函数？

Question

我试图仅在选中复选框时检测按键，但是在第一次激活复选框后，它总是运行其功能。

这是“我的”代码：

var keys = {};
$(":checkbox").click(function() {
    if(this.checked) {
        $(document).keydown(function (e) {
            e.preventDefault()
            keys[e.which] = true;
            printKeys(e);
    });

    $(document).keyup(function (e) {
        e.preventDefault()
        delete keys[e.which];
        printKeys(e);
    });
}

if(this.checked) 中的内容只有在选中复选框后才会执行，但之后它总是会检测到我的按键，无论复选框是否被选中。

Answer 1

请阅读编辑，因为此解决方案不是非常理想

感谢 Heretic Monkey，我找到了一种解决方法，我只需要添加一个 else 语句，一旦取消选中复选框，就可以关闭 $(document) 事件处理程序，如下所示：

var keys = {};
$(":checkbox").click(function() {
    if(this.checked) {
      $(document).keydown(function (e) {
        e.preventDefault()
        keys[e.which] = true;
        printKeys(e);
      });

      $(document).keyup(function (e) {
        e.preventDefault()
        delete keys[e.which];
        printKeys(e);
      });
    } else {
      $(document).off();
    }
});

我不知道这是否是最佳解决方案，但它确实有效。

重要修改

正如 cmets 指出的，不建议关闭可能需要稍后执行的事件处理程序，另一种解决方法是始终侦听按键，但仅在选中复选框时才运行该函数，如下所示：

$(document).keydown(function (e) {
  console.log($(":checkbox").is(":checked"));
  if($(":checkbox").is(":checked")) {
    e.preventDefault();
    keys[e.which] = true;
    printKeys(e);
  }
});

$(document).keyup(function (e) {
  if($(":checkbox").is(":checked")) {
    e.preventDefault();
    delete keys[e.which];
    printKeys(e);
  }
});