我正在嘗試創建一個自動保存輸入到幾個文本框中的輸入的功能。我在一個選擇器 ($input) 中有 3 個輸入，還有一個在 keyup/paste 和 keydown 上更新的計時器 (typingTimer)。如果在 keyup 事件之后計時器在 3 秒 (doneTypingInterval) 后沒有被重置，元素將被發送到一個自動保存函數，該函數通過 ajax 發布元素名稱和值。我遇到的問題是，如果我輸入一個輸入（即：#input-name），一秒鐘后我輸入另一個（即：#input-shortName），第一個輸入（#input-name）是從未發送到自動保存功能。有沒有一種好的方法可以在不為每個輸入創建唯一的 typingTimer 和 on 事件的情況下做到這一點？我以這種方式嘗試過它并且它有效，但我確信必須有更好的方法。let typingTimer;  const doneTypingInterval = 3000;  const $input = $('#input-name, #input-shortName, #input-email');  $input    .on('keyup paste', function () {      if($.fn.isAutoSaveOn()) {        clearTimeout(typingTimer);        typingTimer = setTimeout($.fn.autoSaving, doneTypingInterval, this);      }    })    .on('keydown', function () {      if($.fn.isAutoSaveOn()) {        clearTimeout(typingTimer);      }    })  ;$.fn.autoSaving = function(e) {    const autosave = $('#autosave')    if(autosave.hasClass('active')) {      autosave.html('<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>&nbsp;' + lang_saving);      const element = $(e);      const url = '/v3/api/orgs/' + orgId + '/update';      const input = JSON.stringify({        field: element.attr('name'),        value: element.val()      });      $.ajax({        type: "POST",        url: url,        data: input,        contentType: "application/json"      })      .done(function(response) {        notify("Success", response, "bottom", "right", "ni ni-bell-55", "success", "animated fadeIn", "animated fadeOut");      })      .fail(function(response) {          notify("Error", response, "bottom", "right", "ni ni-bell-55", "error", "animated fadeIn", "animated fadeOut");      })      .always(function() {        $.fn.autoSaveOn();      });    }  }