Maison  >  Article  >  interface Web  >  Native js implémente une méthode d'encapsulation simple

Native js implémente une méthode d'encapsulation simple

小云云
小云云original
2018-02-28 11:42:501752parcourir

Cet article partage principalement avec vous la méthode d'encapsulation simple de js natif. J'espère que le code partagé dans cet article pourra vous aider.

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);
  };
};

Transmettez l'objet DOM, déclenchez l'événement et la méthode de rappel, et vous devez transmettre les paramètres

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

Renvoie une méthode pour supprimer la liaison après l'exécution. encore une fois, il sera supprimé Reliure ;

removeFN();

Recommandations associées :

Explication d'exemples d'encapsulation simples pour télécharger plusieurs fichiers dans des mini-programmes WeChat

Encapsulation simple PHP Quelques opérations JS courantes_Tutoriel PHP

Introduction détaillée à l'encapsulation simple Ajax

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn