• Regolamento Macrocategoria DEV
    Prima di aprire un topic nella Macrocategoria DEV, è bene leggerne il suo regolamento. Sei un'azienda o un hosting/provider? Qui sono anche contenute informazioni per collaborare con Sciax2 ed ottenere l'accredito nella nostra community!

JavaScript Eventi legati al mouse

XFossaDeiLeoniX

Utente Guru
Autore del topic
2 Maggio 2009
12.652
90
Miglior risposta
0
Eventi attivabili dai tasti del mouse​
  1. onClick: attivato quando si clicca su un oggetto;
  2. onDblClick: attivato con un doppio click;
  3. onMouseDown: attivato quando si schiaccia il tasto sinistro del mouse;
  4. onMouseUp: attivato quando si alza il tasto sinistro del mouse precedentemente schiacciato;
  5. onContextMenu: attivato quando si clicca il tasto destro del mouse aprendo il ContextMenu.
Gli eventi onMouseDown e onMouseUp sono attivati dai due movimenti del tasto sinistro del mouse, il primo quando si preme giù il tasto e il secondo quando si solleva dopo il click.
Il doppio click è un evento che ingloba gli altri e, per la precisione, attiva in successione onmousedown, onmouseup, onclick.

Attenzione: l'evento onDblClick non funziona su Mac.

Perfavore, Entra oppure Registrati per vedere i Link!

Eventi attivabili dai movimenti del mouse​

  • onMouseOver: attivato quando il mouse si muove su un oggetto;
  • onMouseOut: attivato quando il mouse si sposta da un oggetto;
  • onMouseMove: si muove il puntatore del mouse, ma poiché questo evento ricorre spesso (l'utilizzo del mouse è frequente), non è disponibile per default, ma solo abbinato con la cattura degli eventi, che si spiegherà in seguito.
Gli eventi onMouseOver e onMouseOut sono complenmentari in quanto il primo è attivato nel momento in cui il puntatore è posto nell'area dell'oggetto il cui tag contiene l'evento e il secondo quando ne esce.


Eventi attivabili dal trascinamento del mouse​

  1. onDragDrop: evento attivato quando un utente trascina un oggetto sulla finestra del browser o quando rilascia un file sulla stessa;
  2. onMove: attivato quando un oggetto muove una finestra o un frame;
  3. onDragStart: evento attivato appena l'utente inizia a trascinare un oggetto;
  4. onDrag: attivato quando il mouse trascina un oggetto o una selezione di testo nella finestra dello stesso browser o anche di un altro o anche sul Desktop;
  5. onDragEnter: attivato appena l'utente trascina un oggetto su un obiettivo valido dello stesso o di un altro browser;
  6. onDragOver: attivato quando l'utente l'utente trascina un oggetto su un obiettivo valido ad ospitarlo, ed è simile all'evento precedente, ma viene attivato dopo quello;
  7. onDragLeave: attivato quando l'utente trascina un oggetto su un obiettivo adatto per ospitarlo, ma non vi viene rilasciato;
  8. onDragEnd: attivato quando l'utente rilascia l'oggetto al terminedel trascinamento.
  9. onDrop: attivato quando il mouse si alza il tasto del mouse in seguito ad un'operazione di trascinamento;
Fonte: html.it
Adattata da XFossaDeiLeoniX
 
Ultima modifica:
Riferimento: Eventi legati al mouse

Good, ti stai dedicando alle guide ora? xD
 
Riferimento: Eventi legati al mouse

Bella guida! Complimenti per averla postata ^^
 
Riferimento: Eventi legati al mouse

Ah dimenticavo, ovviamente questi eventi vanno implementati in un'istruzione.