javascript - make on keyup 仅在输入内部触发一次

Question

我有这个方法:

jQuery(function($) {
    var input = $('#search');
    input.on('keyup', function() {
        var key = event.keyCode || event.charCode;
        if( key == 8 || key == 46 ) {
            console.log('ajax request cancelled');
            recentRequest.abort();
        }
    });
});

但是现在每次我按下退格键它都会触发，我想让它只能在我的输入中触发一次。有人有想法吗？

谢谢

Answer 1

您可以创建一个 backspaceFlag 变量来确保只允许/触发退格代码一次:

jQuery(function($) {
  var backspaceFlag = true;
  var input = $('#search');
  input.on('keyup', function() {
    var key = event.keyCode || event.charCode;
    if ((key == 8 || key == 46) && backspaceFlag) {
      backspaceFlag = false;
      console.log('ajax request cancelled');
      recentRequest.abort();
    }
  });
});

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