Une brève discussion sur l'événement jqueryprocessing_jquery

Dans un système de développement front-end basé sur jQuery, de nombreux événements sont souvent liés à une page via divers identifiants. Même si le proxy d'événements est simplement utilisé, il entraîne toujours la dispersion des événements, ce qui rend leur maintenance et leur gestion difficiles.

Alors, comment résoudre ce problème ? Et j'ai pensé aux événements dans l'épine dorsale. Comme suit :

Copier le code Le code est le suivant :

événements : {
"cliquez sur .icon": "ouvrir",
"cliquez sur .button.edit": "openEditDialog",
"cliquez sur .button.delete": "détruire"
>

C'est-à-dire rassembler des événements, similaire au concept d'un centre de traitement d'événements.

Un bref aperçu des idées de mise en œuvre :

Utilisez le proxy d'événement pour lier l'événement au nœud de corps. (Certains événements eux-mêmes ne bouillonnent pas, nous ne les étudierons donc pas ici pour le moment)

Donner un identifiant unifié pour l'objet d'exécution de l'événement.

Fonction d'exécution des événements, traitement centralisé.

Copier le code Le code est le suivant :

//Centre de traitement des événements
var ClickEventCenter = {
"handler1": fonction () {
               // faire quelque chose...
},
"handler2": fonction () {
               // faire quelque chose...
>
// ...
>
//Liaison d'événement
$body.on("click", "[data-click-center]", function () {
var handlerName = $(this).data("click-center");
var handler = ClickEventCenter[handlerName]
if ($.isFunction(handler)) handler()

})

Dans ce cas, un type d'événements est regroupé.

À un moment donné, cela peut jouer un très bon rôle.

Ce qui précède représente l’intégralité du contenu de cet article, j’espère que vous l’aimerez tous.