Un plugin jQuery pour détecter un 'clickoutside'
02 Mars 2010
La libraire jQuery est très complète, elle fournit une bonne gestion des évènements surtout avec les derniers ajouts de la version 1.4.2. Cependant, il manque un évènement basique à l’appel, en effet on peut écouter les clicks sur un élément, les passages au dessus d’un élément,… Mais, on a aucun moyen de savoir si on clique ailleurs que sur un élément. Heureusement avec le plugin «clickoutside event» de Ben Alman ce petit manque pourrait disparaitre, si on veut détecter les cliques ailleurs que sur un élément nommé «myLightbox», il suffit d’inclure un petit javascript de 700 octets (ou 0,7 kilo-octets) et d’initialiser le plugin avec le code suivant :
javascript$("#myLightbox").bind( "clickoutside", function(event){
$(this).hide();
});
Dans cet exemple, on cachera une lightbox si on clique à l’extérieur d’une lightbox.
C’est un plugin très simple, il est compatible avec tous les navigateurs (y compris avec le vilain petit canard IE6), il est possible d’obtenir un résultat identique avec du code javascript mais je trouve ce plugin intéressant.