Bagaimanakah Saya Boleh Membuat Togol Menu Turun Berfungsi pada Kedua-dua Tetikus dan Peranti Sentuh?

Dokumen .klik Fungsi untuk Peranti Sentuh

Untuk menogol menu lungsur turun pada peranti sentuh, kita boleh menggunakan .on( ) pengendali acara untuk mendengar acara klik dan sentuh pada dokumen. Kod yang dikemas kini:

$(document).on('click touchstart', function() {

  if ( $(".children").is(":visible")) {
    $("ul.children").slideUp('slow');
  }

});

Inilah sebabnya ini berfungsi:

Acara Klik:
Acara klik biasanya dicetuskan oleh klik tetikus, tetapi penyemak imbas moden juga melancarkan acara ini untuk satu ketikan pada skrin sentuh.

sentuh mula Acara:
Acara permulaan sentuh dicetuskan sebaik sahaja elemen disentuh, memastikan fungsi itu dicetuskan walaupun pada peranti yang mungkin tidak menyokong acara klik standard untuk input sentuhan.

Dengan menggunakan pengendali acara .on() dengan kedua-dua acara 'klik' dan 'mula sentuh', kami memastikan fungsi tersebut akan dilaksanakan tanpa mengira kaedah input (sama ada klik tetikus atau sentuh). Ini membolehkan pengguna menogol menu lungsur turun secara konsisten merentas kedua-dua peranti desktop dan sentuh.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Membuat Togol Menu Turun Berfungsi pada Kedua-dua Tetikus dan Peranti Sentuh?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!