Artikel ini menjelaskan metode implementasi peristiwa tap di Zepto.js untuk mencegah gelembung. Bagikan untuk referensi Anda. Dengan rincian sebagai berikut:
Baru -baru ini saya mengerjakan versi seluler situs web. Saya awalnya ingin menggunakan jQuery Mobile, tetapi file itu terlalu besar, jadi saya menggunakan zepto.js
Karena akan ada keterlambatan dalam menggunakan acara klik di halaman web seluler, acara tap di zepto.js digunakan.
Menggunakan Acara Klik dapat menggunakan stoppropagation untuk mencegah gelembung, tetapi ketuk menggunakan metode ini tidak efektif
Sekarang saya perlu mencapai efek seperti itu: klik tombol A.BTN dan kemudian menampilkan div.panel, dan menyembunyikan div.panel ketika saya mengklik non-div.panel.
$ ("a.btn"). on ("tap", function (e) {e.stoppropagation (); // metode ini tidak berfungsi $ ("div.panel"). show ();}); $ (dokumen) .on ("tap", function (e) {$ ("div.panel"). hide ();});Melalui alat debugging, kami dapat memperoleh atribut target dalam objek E, sehingga kami dapat mencapai efek yang diinginkan melalui atribut ini:
$ ("a.btn"). on ("tap", function () {$ ("div.panel"). show ();}); $ (document) .on ("tap", function (e) {if (! $ (e.target) .hasclass ("btn")) {$ ("div.panel"). Hide (););Ini adalah solusi
Saya harap artikel ini akan membantu pemrograman JavaScript semua orang.