le MEMO du WEB développeur
••• JQuery •••  Liste des Mémos, astuces et bonnes pratiques

Détecter un click à l'extérieur d'un élément avec JQuery

Le code suivant permet de repérer si l'utilisateur clique à l'extérieur ou sur un élément d'identifiant 'id_de_mon_element'.

event.target correspond à l'élément qui a déclenché l'événement, où est est le paramètre passé à la fonction

$('html').click(function(event){
     if(event.target.id == 'id_de_mon_element') {
       alert ("j'ai cliqué sur mon élément");
     } else {
       alert ("j'ai cliqué à l'extérieur de mon élément");
     }
 });

 

publié le 09/08/2012 par Memo Web
Astuce
Commentaire :
comment l'appeler cette fonction
par inconnu, le 15/03/2015
Commenter le Mémo :

Apparition d'un élément en fondu avec JQuery sur le survol de souris
Sélecteurs RegExp et JQuery
Problème(ou pas):JQuery ferme automatiquement les balises HTML
Not(expr) Element d'exclusion en Jquery
Charger JQuery directement via les librairies google
Ajouter un masque de saisie dans un champs input text
JQuery - Queue() : Attendre qu'une animation se termine avant de commencer la suivante
Parcourir tous les éléments d'une classe en JQuery
Problème évenement click sous IE
DatePicker de JQuery : Déployer le calendrier à l'ouverture de la page
Ajoutez vos propres Mémos sur MEMO-WEB

Il suffit de vous créer un compte sur le site

Vous pourrez choisir un thème parmis l'une des catégories proposées par MEMO-WEB.

Rédigez votre Mémo.
Après validation par MEMO-WEB, il sera mis en ligne.
Ajouter vos Mémos