Posizione del mouse, dimensioni finestra, risoluzione

Alcune semplici funzioni di Javascript attraverso cui catturare la posizione del mouse, le dimensioni della finestra del browser e la risoluzione video, tutti elementi che spesso ci sono strumentalmente utili per creare interazione, ridimensionare, adattare.

In breve il codice, l'esempio lo potete vedere qui, completo.

Lo script è normalmente posizionato nella sezione head del nostro documento.

La funzione larghezzaFinestra ritorna appunto la larghezza detectata, stessa cosa fa la funzione altezzaFinestra (ovviamente in riferimento all'altezza!), quindi attraverso dimensioni facciamo scrivere nei div i valori trovati, sia all'evento onload sia a quello onresize. Sempre attraverso dimensioni catturiamo classicamente la risoluzione del monitor e la facciamo scrivere negli appositi div.

Infine, associamo all'evento onmousemove la funzione evento e facciamo scrivere nei div appositi le coordinate del puntatore rilevate al movimento del mouse.

Nel body saranno presenti tutti i div di volta in volta richiamati nello script attraverso getElementById.

Poche semplici righe che posson essere di strema utilità!

Utility Javascript