Come prendere le coordinate del mouse con JQuery

tramite: O2O
Difficoltà: facile
16

Introduzione

Il mouse è un piccolo dispositivo di cui spostamento sulla nostra scrivania determina un corrispondente spostamento del puntatore sullo schermo. Il dispositivo può essere utilizzato con molti programmi facilitando grandemente il compito dell'utente: soprattutto nella grafica si può ritenere uno strumento indispensabili. Il nostro dispositivo ci permette di muoverci facilmente, ed evidenziare e soprattutto puntare sullo schermo. Possiamo scegliere e prendere quindi, un'istruzione sullo schermo facendo clic (premendo e rilasciando) sul tasto o doppio clic (premendo due volte). Trascinare il mouse significa premere il tasto e tenerlo premuto mentre si sposta il mouse. La maggior parte del mouse è collegata al pc attraverso dei sensori, o semplicemente con un cavo. Esistono vari modi di utilizzo nel nostro framework javacript e guida che sto per presentarvi è un modo per utilizzare al meglio il vostro strumento e ottenere con un click, le coordinate dall'interno di un div. Tutto questo grazie al codice JQuery.

26

Occorrente

  • Libreria jQuery
  • Inventiva
  • Ingegno
36

Innanzitutto bisogna collegarsi al sito ufficiale "jQuery", e scaricare la libreria apposita. Terminata questa operazione, proseguiamo scrivendo la struttura del nostro codice.
La struttura è la la configurazione iniziale che appartiene alla nostra pagina html, indispensabile per poter iniziare, aggiungendo successivamente il nostro codice jQuery. Assicuratevi di aver completato tutta la procedura, riguardo attentamente i precedenti passaggi.

46

Proseguiamo la nostra operazione, accertandoci di aver eseguito con criterio tutti i nostri passaggi, quindi procediamo con il secondo passo successivo cioè l'istallazione del nostro codice. Dopo aver istallato il nostro codice, procediamo aggiungendo all'interno della nostra struttura il nostro codice. Elemento fondamentale per iniziare l'operazione desiderata, e lavorare sulla nostra pagina.
A questo punto entrare all'interno del contenitore, per l'esattezza l'oggetto "mio Div" puntate il dispositivo, e stampate le coordinate del mouse all'interno di esso, di cui nome in elenco sottotitolato: div

Continua la lettura
56

Dopo aver eseguito correttamente tutte le procedure iniziali, procediamo creando la nostra pagina. Il nostro lavoro, verrà inserito all'interno del corpo pagina. Elemento principale e fondamentale, dove verranno inseriti e elaborati i nostri dati. Inoltre questa pagina ci consentirà di visualizzare quello che succede, e tutto quello che abbiamo scritto in precedenza. Ecco che alla fine otterremo il codice completo

66

Ottenuto il codice il nostro lavoro è completato. L'operazione eseguita ci consentirà, quindi in futuro qualora adoperare lo stesso sistema. Operazione che ci consentirà di intercettare il cursore dl mouse all'interno di un box JQuery e di mostrare, e avere a nostra disposizione le coordinate in seguito ad un click.

Potrebbe interessarti anche

Segnala contenuti non appropriati

Tipo di contenuto
Devi scegliere almeno una delle opzioni
Descrivi il problema
Devi inserire una descrizione del problema
Si è verificato un errore nel sistema. Riprova più tardi.
Verifica la tua identità
Devi verificare la tua identità
chiudi
Grazie per averci aiutato a migliorare la qualità dei nostri contenuti

Guide simili

Programmazione

Come nascondere i paragrafi in Jquery con un click

Tutte le pagine web che quotidianamente utilizziamo sono ricche di effetti di ogni tipo, la cui presenza è garantita dall'impiego del linguaggio JavaScript. L'utilizzo di tale linguaggio non è del tutto immediato: l'esigenza di semplificare la creazione...
Programmazione

Come usare il metodo animate di jQuery

JQuery è una libreria di funzioni scritta in Javascript, che può essere utilizzata su diversi browser e permette di aggiungere delle funzionalità alle pagine HTML. Il comando Animate, come dice la sua traduzione dall'inglese: "Animato", permette di...
Programmazione

Come usare jQuery Mobile

Da qualche tempo gli sviluppatori di software si sono posti il problema di creare degli “script” (particolari programmi scritti in un dato linguaggio di programmazione in grado di “supportare” software più complessi) che potessero funzionare...
Programmazione

Creare una tabella dinamica parametrizzata in Jquery

Spesso capita di dover inserire una tabella nelle pagine web. In alcuni casi questo è un problema perché richiede un lungo procedimento. La soluzione è a portata di mano con jQuery, una libreria di funzioni Javascript per le applicazioni web. Il Javascript...
Programmazione

Come realizzare un finestra modale con jQuery

Una finestra modale è una finestra “figlia” bloccante, ossia una finestra che richiede una certa interazione dell’utente, prima che egli possa tornare ad operare sulla finestra “padre”. Nella progettazione delle interfacce, le finestre modali...
Programmazione

Come iniziare con JSON

Sia che siate degli studenti o dei programmatori di lungo corso sicuramente conoscerete la sigla Json che sta per JavaScript Object Nation. SI tratta infatti di un importantissimi linguaggio basato su javaScript Standard e utilizzato in AJAX come alternativa...
Programmazione

Bootstrap: come gestire le immagini responsive

Ricordate i vecchi tempi, quando potevamo accedere ai diversi siti web esclusivamente tramite computer? I monitor dei nostri vecchi computer erano pressoché omologati e non occorreva, quindi, realizzare siti web che dovessero adattarsi a schermi differenti....
Programmazione

Come mappare un'immagine con l'HTML

In Informatica, grazie ad un linguaggio di formattazione di dominio pubblico, è possibile gestire la struttura, la visualizzazione grafica, di un contenuto web. In questa guida vi illustreremo come "mappare", nello specifico, un'immagine con il linguaggio...
I presenti contributi sono stati redatti dagli autori ivi menzionati a solo scopo informativo tramite l’utilizzo della piattaforma www.o2o.it e possono essere modificati dagli stessi in qualsiasi momento. Il sito web, www.o2o.it e Arnoldo Mondadori Editore S.p.A. (già Banzai Media S.r.l. fusa per incorporazione in Arnoldo Mondadori Editore S.p.A.), non garantiscono la veridicità, correttezza e completezza di tali contributi e, pertanto, non si assumono alcuna responsabilità in merito all’utilizzo delle informazioni ivi riportate. Per maggiori informazioni leggi il “Disclaimer »”.