Corsi on-line

jQuery outside events: intercettare gli eventi esterni rispetto ad uno specifico elemento

Vi segnalo oggi un semplice, ma interessante, plugin di jQuery grazie al quale è possibile intercettare gli eventi che si verificano all’esterno di uno specifico elemento. Il plugin in questione si chiama outside (precedentemente era conosciuto come clickoutside) e supporta diversi eventi.

Questo plugin si rivela molto utile in una varietà di situazioni, si pensi, ad esempio, ad una finestra modale che deve chiudersi al verificarsi di un click esterno alla sua area. Grazie ad outside questa procedura si realizza con poche righe di codice:

$("#modal").bind("clickoutside", function(event){
  $(this).hide();
});

Di seguito un elenco degli eventi supportati: clickoutside, dblclickoutside, focusoutside, bluroutside, mousemoveoutside, mousedownoutside, mouseupoutside, mouseoveroutside, mouseoutoutside, keydownoutside, keypressoutside, keyupoutside, changeoutside, selectoutside, submitoutside.

Per scaricare il plugin o per una documentazione completa si faccia riferimento al sito ufficiale dello sviluppatore.

Post correlati
I più letti del mese
Tematiche