Hoveren

In de computerwereld verwijst hoveren naar het bewegen van de cursor over een interactief element — zoals een link, knop of pictogram — zonder erop te klikken. Als je bijvoorbeeld met de cursor over een link op een webpagina beweegt, kan de cursor veranderen van een pijl in een hand en kan de link van kleur veranderen om aan te geven dat erop kan worden geklikt.

Webontwikkelaars kunnen hover-effecten toevoegen met HTML, CSS of JavaScript.

• HTML biedt het algemene gebeurteniskenmerk onmouseover, dat aan een link of knop kan worden toegevoegd.

  <button onmouseover="myFunction()";>Beweeg eroverheen</button>

• CSS biedt de pseudoklasse :hover, die bepaalt hoe een element eruitziet wanneer de aanwijzer erboven blijft staan (bijvoorbeeld door de kleur te veranderen of de tekst te onderstrepen).
  

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

• JavaScript biedt de gebeurtenissen mouseover en mouseout, waarmee functies of andere code kunnen worden gestart met behulp van een methode voor een "EventListener".
  

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

Het concept van hoveren gaat verder dan websites. Veel besturingssystemen en desktoptoepassingen markeren pictogrammen, knoppen of menu's wanneer je de cursor eroverheen beweegt. Sommige elementen tonen een tooltip wanneer je er één of twee seconden overheen beweegt. Feedback tijdens het hoveren maakt gebruikersinterfaces intuïtiever door extra informatie te geven tussen het aanwijzen en klikken.

Hoveren en touchscreenapparaten

Omdat hoveren een cursor vereist, is het over het algemeen niet van toepassing op touchscreens, waarop interactie voornamelijk plaatsvindt via tikken en gebaren. Op mobiele apparaten gebruiken ontwerpers vaak alternatieven zoals ingedrukt houden of visuele aanwijzingen om vergelijkbare feedback te geven.