Détection si le navigateur/le périphérique prend en charge les événements de double-clic

Question

J'ai une table contenant plusieurs lignes. Chaque ligne peut être sélectionnée en cliquant une fois sur la ligne. Double-cliquer sur la ligne ouvre la fiche technique que la ligne représente dans la même fenêtre. Lorsque vous utilisez un appareil mobile, le double-clic (double-frappe?) Ne déclenche pas mon double-clic, et le navigateur mobile ne fait que zoomer à la place. Après avoir réfléchi, je pense qu'il est plus logique pour les appareils mobiles d'ouvrir la feuille de données en un simple clic/toucher quand même.

En ce moment, je détecte si c'est un navigateur de l'appareil mobile, lors de la configuration de l'écouteur d'événement pour la table, avec ce code:

if(/Android|webOS|iPhone|iPad/i.test(navigator.userAgent)) { 
    // Single click event bind, open 
} else { 
    // Single click event bind, select 
    // Double click event bind, open 
} 

Au lieu de compter sur l'agent utilisateur, je woud bien plutôt faire de la détection de certaines fonctionnalités, de sorte que tout appareil incapable de faire un double-clic fonctionne.

J'ai essayé de détecter si l'événement dblclick est disponible sur mon appareil Android, et c'est le cas.
Je suppose que cela a un sens, car le navigateur le supporte, mais l'appareil déclenche juste un événement différent en tapant deux fois. La seule autre chose que je pourrais trouver est de vérifier si les événements touchstart etc sont disponibles, mais cela semble aussi faux que de vérifier l'agent utilisateur.

Y at-il un bon moyen de détecter si le navigateur/client prend en charge les doubles-clics comme prévu?

Answer 1

Peut-être essayer d'utiliser un délai d'attente pour vérifier s'il y a un autre clic après le premier clic

$(Elm).click(function(evnt){ 
    clicks++; 
    if (clicks == 1) { 
    setTimeout(function(){ 
     if(clicks == 1) 
     // Single click event bind, open 
     else 
     // Double click event bind, open 
    },2000); 
});