Pourquoi ma fonction « document.click » ne fonctionne-t-elle pas pour les écrans tactiles et comment puis-je y remédier ?

Résolution de la fonction Document .click pour les appareils tactiles

Problème : Impossible d'utiliser la fonction document.click pour afficher un menu déroulant sur les appareils tactiles en utilisant jQuery.

Code :

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

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

});

Préoccupations :

• La fonction document.click n'est peut-être pas compatible avec les interactions tactiles.
• Recherche d'une solution de contournement pour obtenir le même résultat fonctionnalité.

Solution :

Dans les navigateurs modernes, l'événement de clic est déclenché à la fois pour les actions de clic et de toucher, éliminant ainsi le besoin d'écouteurs d'événements supplémentaires. Le code mis à jour est le suivant :

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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!