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

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

小云云
Libérer: 2018-02-28 11:42:50
original
1768 Les gens l'ont consulté

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);
  };
};
Copier après la connexion

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,
 });
Copier après la connexion

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

removeFN();
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal