Maison > interface Web > js tutoriel > Un exemple d'ajout d'événements click et dblclick en même temps dans jQuery

Un exemple d'ajout d'événements click et dblclick en même temps dans jQuery

黄舟
Libérer: 2017-06-27 10:36:46
original
1479 Les gens l'ont consulté

Le code pour ajouter l'événement est relativement simple. Il existe deux méthodes :

  • $("abc").bind. ({" click":fn,"dblclick":fn});

  • $("abc").click(fn).dblclick(fn)

Le problème actuel est que peu importe le double-clic ou le clic, seule la fonction clic est exécutée. Pourquoi ?
Parlons du mécanisme du double-clic :

Le processus de double-clic (dblclick) est : mousedown, mouseout, click, mousedown, mouseout, click, dblclick ;

To ; réaliser un double-clic nous Ces deux clics doivent être bloqués, nous définissons donc un timer dans le clic pour retarder l'exécution de la fonction.
Le code complet est le suivant :

//绑定点击和双击事件
                    var _time = null;
                    $(this).find("tr").dblclick(function(e){
                        clearTimeout(_time);
                        console.log("dblclick");
                        //真正双击代码

                    }).click(function(e){
                        clearTimeout(_time);
                        _time = setTimeout(function(){
                            console.log("click");
                            //单击事件在这里

                        }, 300);
                    });
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal