我正在嘗試創(chuàng)建一個(gè)自動(dòng)保存輸入到幾個(gè)文本框中的輸入的功能。我在一個(gè)選擇器 ($input) 中有 3 個(gè)輸入，還有一個(gè)在 keyup/paste 和 keydown 上更新的計(jì)時(shí)器 (typingTimer)。如果在 keyup 事件之后計(jì)時(shí)器在 3 秒 (doneTypingInterval) 后沒(méi)有被重置，元素將被發(fā)送到一個(gè)自動(dòng)保存函數(shù)，該函數(shù)通過(guò) ajax 發(fā)布元素名稱和值。我遇到的問(wèn)題是，如果我輸入一個(gè)輸入（即：#input-name），一秒鐘后我輸入另一個(gè)（即：#input-shortName），第一個(gè)輸入（#input-name）是從未發(fā)送到自動(dòng)保存功能。有沒(méi)有一種好的方法可以在不為每個(gè)輸入創(chuàng)建唯一的 typingTimer 和 on 事件的情況下做到這一點(diǎn)？我以這種方式嘗試過(guò)它并且它有效，但我確信必須有更好的方法。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();      });    }  }