JavaScript .on ("keyup")

Question

有一个输入文本会在“onkeyup”事件上触发一个函数。当该函数触发时，我将使用 .on("keyup") 方法绑定(bind)一个“keyup”事件，以获取最后按下的键以查明它是否是字母数字，以便触发我想要的搜索ajax。完成后，我使用 .off("keyup") 方法解除连接。

但是解绑有问题。问题是;我的代码运行一次并且不运行一个回合，然后再次运行并且不运行另一个回合并保持这样的状态。我替换了我想简化以进行测试的代码。

$("#arama").on("keyup",function(event) {
      console.log("asd");
      $("#arama").off("keyup");
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="arama" />

我哪里错了？

P.S:多亏了克里斯，我已经解决了这个问题。

Answer 1

你的代码对我有用(见下文)。也许检查一下您绑定(bind) keyup 事件的位置。它应该在页面显示之前加载文档时绑定(bind)一次。如果您多次绑定(bind)它(即，如果包含 keyup 函数的代码运行多次)，您将遇到问题。

$("#arama").on("keyup", function(event) {
  var i = event.keyCode;
  if ((i >= 48 && i <= 57) || (i >= 96 && i <= 105)) {
    $("#arama").off("keyup");
    console.log("Number pressed. Stopping...");
  } else {
    console.log("Non-number pressed.");
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input id="arama" />