Este artículo describe el método de implementación de los eventos TAP en Zepto.JS para prevenir burbujas. Compártelo para su referencia. Los detalles son los siguientes:
Recientemente estaba trabajando en una versión móvil del sitio web. Originalmente quería usar jQuery Mobile, pero el archivo era demasiado grande, así que usé zepto.js
Dado que habrá un retraso en el uso de eventos de clic en las páginas web móviles, se utiliza el evento TAP en ZeptO.JS.
Uso del evento Haga clic puede usar StopPropagation para evitar burbujas, pero toque usar este método no es efectivo
Ahora necesito lograr tal efecto: haga clic en el botón A.BTN y luego muestre el Div.Panel y ocultar el Div.Panel cuando haga clic en Non Div.Panel.
$ ("A.Btn"). on ("Tap", function (e) {e.stoppropagation (); // Este método no funciona $ ("div.panel"). show ();}); $ (documento) .on ("tap", function (e) {$ ("div.panel"). hide ();});A través de la herramienta de depuración, podemos obtener un atributo objetivo en el objeto E, para que podamos lograr el efecto deseado a través de este atributo:
$ ("a.btn"). on ("tap", function () {$ ("div.panel"). show ();}); $ (documento) .on ("tap", function (e) {if (! $ (e.target) .hasclass ("btn") {$ ("div.panel"). hide ();}});Esta es una solución
Espero que este artículo sea útil para la programación de JavaScript de todos.