javascript - 如何在 jQuery .on 函数中定义局部变量

Question

我有一个输入 HTML 元素，并且希望在有输入且该输入 3 秒内没有更改时执行一个函数。

代码:

$("#search_input").on('input', function() {
  input_value = $("#search_input").val();
  if (input_value != "") {
    setTimeout(function() {
      if (input_value == $("#search_input").val()) {
        alert("still the same :) -> go search");
      }
    }, 3000);
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" class="form-control" id="search_input" placeholder="Search...">

问题在于处理程序会刷新 input_value，因此它始终相同。如何将 input_value 设置为局部变量，使其不被刷新？

Answer 1

您忘记了 var 声明:

var input_value = $("#search_input").val();