5 – Eventi

Negli articoli precedenti vi ho sempre fatto esempi in cui viene utilizzato come trigger di script la pressione di un bottone anche se, in realtà, esistono molti altri tipi di eventi. In questo articolo vi elencherò e spiegherò quelli più utilizzati ed utili nelle pagine meno complesse.

Eventi del mouse

  • onclick – ondblclick:

    Scatena l’evento quando si clicca sull’elemento (doppio click per ondblclick).
    Esempio:
    Click me | Double click me

  • onmouseover – onmouseout:

    Scatena l’evento quando si sposta il cursore sull’elemento (quando lo si toglie per onmouseout).
    Esempio:
    Parola

Eventi della tastiera

  • onkeypress – onkeydown – onkeyup:

    Scatena l’evento quando si preme un tasto (MENTRE è premuto un tasto per onkeydown e quando si rilascia il tasto per onkeyup).
    Esempio: (onkeypress)
    In UNICODE ->

  • oncopy – oncut – onpaste:

    Scatenano l’evento quando si copia/taglia/incolla l’elemento.
    Esempio: Copia questo:

Eventi della finestra

  • onresize:

    Scatena l’evento quando si modifica la dimensione della finestra. Questo attributo va messo al tag <body>.

  • onscroll:

    Scatena l’evento quando la scrollbar viene usata (anche con la rotella del mouse). Questo attributo va messo al tag <body> se si vuole interagire con la scrollbar della pagina, altrimenti lo si mette all’elemento interessato (per esempio una div, che ottiene una scrollbar se contiene troppi elementi).

  • onunload:

    Scatena l’evento quando si esce dalla pagina. Questo attributo va messo al tag <body>.

Eventi per i touchscreens

  • ontouchstart – ontouchend:

    Scatena l’evento quando si preme un elemento sullo schermo (o quando si rialza il dito dallo schermo nel caso del outouchend). Questi attributi vanno messi al tag <body> se si vuole che funzionino su tutta la pagina, altrimenti possono essere messi nel singolo elemento.

  • ontouchmove:

    Scatena l’evento quando si muove il dito sullo schermo senza rilasciarlo.

  • ontouchcancel:

    Scatena l’evento quando il tocco è interrotto senza che si abbia rialzato il dito dallo schermo.

Please follow and like us: