Wie kann ich dafür sorgen, dass die Dropdown-Menüumschaltung sowohl auf Maus- als auch auf Touch-Geräten funktioniert?

Dokumentieren Sie die .click-Funktion für Touch-Geräte

Um ein Dropdown-Menü auf einem Touch-Gerät umzuschalten, können wir die .on( )-Ereignishandler, der sowohl auf Klick- als auch auf Berührungsereignisse im Dokument wartet. Der aktualisierte Code:

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

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

});

Hier ist der Grund, warum das funktioniert:

Klickereignis:
Das Klickereignis wird normalerweise durch einen Mausklick ausgelöst, aber moderne Browser Lösen Sie dieses Ereignis auch aus, wenn Sie auf einen Touchscreen tippen.

Touchstart Ereignis:
Das Touchstart-Ereignis wird ausgelöst, sobald ein Element berührt wird. Dadurch wird sichergestellt, dass die Funktion auch auf Geräten ausgelöst wird, die das Standard-Klickereignis für Berührungseingaben möglicherweise nicht unterstützen.

Durch die Verwendung von Durch den .on()-Ereignishandler mit den Ereignissen „click“ und „touchstart“ stellen wir sicher, dass die Funktion unabhängig von der Eingabemethode (entweder Mausklick oder Berührung) ausgeführt wird. Dadurch können Benutzer das Dropdown-Menü sowohl auf Desktop- als auch auf Touch-Geräten konsistent umschalten.

Das obige ist der detaillierte Inhalt vonWie kann ich dafür sorgen, dass die Dropdown-Menüumschaltung sowohl auf Maus- als auch auf Touch-Geräten funktioniert?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!