Passaggio del cursore

In informatica, il passaggio del cursore indica lo spostamento del cursore su un elemento interattivo, come un collegamento, un pulsante o un'icona, senza fare clic su di esso. Ad esempio, quando si passa con il cursore su un collegamento in una pagina web, il cursore può cambiare da una freccia a una mano e il collegamento può cambiare colore per indicare che è possibile fare clic su di esso.

Gli sviluppatori web possono aggiungere effetti al passaggio del cursore usando HTML, CSS o JavaScript.

• HTML fornisce l'attributo globale per gli eventi onmouseover, che può essere aggiunto a un collegamento o a un pulsante.

  <button onmouseover="myFunction()";>Passa qui sopra</button>

• CSS fornisce la pseudoclasse :hover, che definisce l'aspetto di un elemento quando il puntatore si trova sopra di esso, ad esempio cambiando il colore o sottolineando il testo.
  

  a:hover { color:darkblue; text-decoration: underline; }

• JavaScript fornisce gli eventi mouseover e mouseout, che possono attivare funzioni o altro codice usando un metodo "EventListener".
  

  myElement.addEventListener("mouseover", function() { ... }

Il concetto di passaggio del cursore va oltre i siti web. Molti sistemi operativi e applicazioni desktop evidenziano icone, pulsanti o menu quando si passa il cursore su di essi. Alcuni elementi mostrano un suggerimento quando si passa il cursore su di essi per uno o due secondi. Il feedback del passaggio del cursore rende le interfacce utente più intuitive, fornendo informazioni aggiuntive tra il puntamento e il clic.

Passaggio del cursore e touchscreen

Poiché il passaggio del cursore richiede un cursore, in genere non si applica ai touchscreen, dove l'interazione avviene soprattutto tramite tocchi e gesti. Sui dispositivi mobili, i progettisti usano spesso alternative come la pressione prolungata o segnali visivi per fornire un feedback simile.