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
Linda Hamiltonasal
2024-12-05 13:25:11312semak imbas

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 () { ... });

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 () { ... });

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!

Kenyataan:
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