Native js implementiert eine einfache Kapselungsmethode

Dieser Artikel teilt Ihnen hauptsächlich die einfache Kapselungsmethode von nativem js mit. Ich hoffe, der in diesem Artikel geteilte Code kann Ihnen helfen.

const ListenerFN = function ({ target, event, FN, option = {} }) {
  if (target, event, FN) Error('target, event, FN');
  target.addEventListener(event, FN, option);
  return function () {
    target.removeEventListener(event, FN);
  };
};

Übergeben Sie das DOM-Objekt, lösen Sie das Ereignis und die Rückrufmethode aus, und Sie müssen die Parameter übergeben.

const removeFN = ListenerFN({
      target,
      FN,
      event,
 });

Gibt nach der Ausführung eine Methode zurück, um die Bindung zu entfernen Es wird erneut entfernt. Bindung;

removeFN();

Verwandte Empfehlungen:

Erklärung einfacher Kapselungsbeispiele zum Herunterladen mehrerer Dateien in WeChat-Miniprogrammen

Einfache PHP-Kapselung Einige gängige JS-Operationen_PHP-Tutorial

Detaillierte Einführung in die einfache Ajax-Kapselung

Das obige ist der detaillierte Inhalt vonNative js implementiert eine einfache Kapselungsmethode. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!