Cet article décrit la méthode d'implémentation des événements TAP dans Zepto.js pour empêcher les bulles. Partagez-le pour votre référence. Les détails sont les suivants:
Récemment, je travaillais sur une version mobile du site Web. Je voulais à l'origine utiliser jQuery Mobile, mais le fichier était trop grand, donc j'ai utilisé Zepto.js
Puisqu'il y aura un retard dans l'utilisation des événements de clic dans les pages Web mobiles, l'événement TAP dans zepto.js est utilisé.
L'utilisation de l'événement de clic peut utiliser stoppropagation pour empêcher les bulles, mais appuyez sur cette méthode n'est pas efficace
Maintenant, je dois réaliser un tel effet: cliquez sur le bouton A.BTN, puis affichez le div.panel et masquez le div.panel lorsque je clique sur non-div.panel.
$ ("a.btn"). sur ("tap", fonction (e) {e.stoppropagation (); // Cette méthode ne fonctionne pas $ ("div.panel"). show ();}); $ (document) .on ("tap", fonction (e) {$ ("div.panel"). hide ();});Grâce à l'outil de débogage, nous pouvons obtenir un attribut cible dans l'objet E, afin que nous puissions réaliser l'effet souhaité via cet attribut:
$ ("a.btn"). sur ("tap", function () {$ ("div.panel"). show ();}); $ (document) .on ("tap", function (e) {if (! $ (e.target) .hasclass ("btn")) {$ ("div.panel"). cacher ();}});C'est une solution
J'espère que cet article sera utile à la programmation JavaScript de tous.