Rumah > hujung hadapan web > tutorial css > Bagaimanakah Peranti Sentuh Boleh Mencetuskan `document.click` untuk Menutup Menu Turun?

Bagaimanakah Peranti Sentuh Boleh Mencetuskan `document.click` untuk Menutup Menu Turun?

Linda Hamilton
Lepaskan: 2024-12-05 13:25:11
asal
313 orang telah melayarinya

How Can a Touch Device Trigger `document.click` to Close a Dropdown Menu?

Dokumen .klik Fungsi untuk Peranti Sentuh

Soalan: Bagaimanakah peranti sentuh boleh mencetuskan fungsi document.click untuk menutup menu lungsur turun yang dimulakan dengan satu klik acara?

Jawapan:

Pelayar moden, seperti Chrome dan Firefox, mencetuskan acara klik untuk input sentuhan. Ini menghapuskan keperluan untuk acara permulaan sentuh atau akhir sentuh tambahan. Hanya gunakan:

$(document).on('click', function () { ... });
Salin selepas log masuk

Penjelasan:

Pelayar lama mentafsir input sentuhan secara berbeza, menganggapnya sebagai peristiwa yang berbeza. Untuk mengambil kira perkara ini, pengendali acara seperti berikut telah digunakan:

$(document).on('click touchstart', function () { ... });
Salin selepas log masuk

Walau bagaimanapun, dengan kemunculan penyemak imbas mesra sentuhan, acara permulaan sentuh tidak lagi diperlukan. Acara klik sahaja sudah memadai.

Nota Tambahan:

Contoh yang disediakan menggunakan teknik perwakilan acara dengan .on() untuk mengikat pengendali klik pada keseluruhan dokumen. Ini memastikan acara klik ditangkap walaupun semasa menu ditambah atau dialih keluar secara dinamik.

Atas ialah kandungan terperinci Bagaimanakah Peranti Sentuh Boleh Mencetuskan `document.click` untuk Menutup Menu Turun?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan