Warum funktioniert meine Funktion „document.click' nicht für Touchscreens und wie kann ich das Problem beheben?

Behebung der Document .click-Funktion für Touch-Geräte

Problem: Die document.click-Funktion kann nicht zum Umschalten eines Dropdown-Menüs auf Touch-Geräten verwendet werden verwenden jQuery.

Code:

$(document).click(function(event) { 

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

});

Bedenken:

• Die document.click-Funktion ist möglicherweise nicht vorhanden kompatibel mit Touch-Interaktionen.
• Suche nach einer Problemumgehung, um dasselbe zu erreichen Funktionalität.

Lösung:

In modernen Browsern wird das Klickereignis sowohl für Klick- als auch für Berührungsaktionen ausgelöst, sodass keine zusätzlichen Ereignis-Listener erforderlich sind. Der aktualisierte Code lautet wie folgt:

$(document).on('click', function() {
  if ($(".children").is(":visible")) {
    $("ul.children").slideUp('slow');
  }
});

Das obige ist der detaillierte Inhalt vonWarum funktioniert meine Funktion „document.click' nicht für Touchscreens und wie kann ich das Problem beheben?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!