Comment un appareil tactile peut-il déclencher « document.click » pour fermer un menu déroulant ?

Fonction Document .click pour les appareils tactiles

Question : Comment un appareil tactile peut-il déclencher la fonction document.click pour fermer un menu déroulant initié par un clic événement ?

Réponse :

Les navigateurs modernes, tels que Chrome et Firefox, déclenchent l'événement de clic pour les entrées tactiles. Cela élimine le besoin d’événements touchstart ou touchend supplémentaires. Utilisez simplement :

$(document).on('click', function () { ... });

Explication :

Les navigateurs plus anciens interprétaient différemment les entrées tactiles, les considérant comme des événements distincts. Pour tenir compte de cela, un gestionnaire d'événements comme celui-ci a été utilisé :

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

Cependant, avec l'avènement des navigateurs tactiles, l'événement touchstart n'est plus nécessaire. L'événement click seul suffit.

Remarque supplémentaire :

L'exemple fourni utilise la technique de délégation d'événement avec .on() pour lier le gestionnaire de clic à l'ensemble du document. Cela garantit que l'événement de clic est capturé même lorsque le menu est ajouté ou supprimé dynamiquement.

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!