jQuery keyUp函數觸發多次，即使事件僅發生一次

Question

我有以下代碼：

   $( "#zip" ).focus(function() {
       $( "#zip" ).keyup(function(event) {
          if (event.keyCode == '38' || event.keyCode == '40'){
              $('#city').addClass('loadinggif');
            }
        });
    });

我只想在用戶具有焦點的form select以及當他向上或向下按下箭頭時才將loadinggif類添加到city輸入中。

但是，即使只按一次按鍵，事件也發生了不止一次。

任何想法？

Answer 1

您在focus事件處理程序中綁定keyup事件，因此將多個事件處理程序綁定到keyup事件。

將keyup事件綁定移至focus事件處理程序之外。

$( "#zip" ).focus(function() {       
});
$( "#zip" ).keyup(function(event) {
      if (event.keyCode == '38' || event.keyCode == '40'){
          $('#city').addClass('loadinggif');
      }
});