disign.it | Posizione del mouse, dimensioni finestra, risoluzione | a digital sign for a best design!
A digital sign for a best design
Javascript 3.886 visualizzazioni

Posizione del mouse, dimensioni finestra, risoluzione

07/06/2011

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




 

 

 

 

 



 

← Raccogliere, scrivere e modificare contenuti iPhone icona Bookmark →

Invia una domanda o un commento sull'articolo

I campi obbligatori sono segnalati *

*

*



 

© 2009 - 2017 Impronte digitali di Luca Frassineti. Tutti i diritti riservati.