Najetí kurzorem
V počítačové terminologii se najetím kurzorem rozumí přesunutí kurzoru na interaktivní prvek — například odkaz, tlačítko nebo ikonu — bez kliknutí. Když například najedete kurzorem na odkaz na webové stránce, kurzor se může změnit ze šipky na ruku a odkaz může změnit barvu, aby naznačil, že na něj lze kliknout.
Weboví vývojáři mohou přidat efekty při najetí kurzorem pomocí HTML, CSS nebo JavaScriptu.
- HTML poskytuje globální atribut události onmouseover, který lze přidat k odkazu nebo tlačítku.
<button onmouseover="myFunction()";>Najetí kurzorem</button> - CSS poskytuje pseudotřídu :hover, která určuje, jak má prvek vypadat, když na něm spočívá ukazatel (například může změnit barvu nebo podtrhnout text).
a:hover { color:darkblue; text-decoration: underline; } - JavaScript poskytuje události mouseover a mouseout, které mohou pomocí metody „EventListener“ spustit funkce nebo jiný kód.
myElement.addEventListener("mouseover", function() { ... }
Koncept najetí kurzorem přesahuje rámec webových stránek. Mnoho operačních systémů a desktopových aplikací zvýrazní ikony, tlačítka nebo nabídky, když na ně najedete kurzorem. Některé prvky zobrazí kontextovou nápovědu, když na nich kurzor ponecháte jednu nebo dvě sekundy. Zpětná vazba při najetí kurzorem činí uživatelská rozhraní intuitivnějšími, protože poskytuje další informace mezi ukázáním a kliknutím.
Najetí kurzorem a dotykové obrazovky
Protože najetí kurzorem vyžaduje kurzor, obecně se netýká dotykových obrazovek, kde interakce většinou probíhá klepáním a gesty. Na mobilních zařízeních návrháři často používají alternativy, jako je stisknutí a podržení nebo vizuální signály, které poskytují podobnou zpětnou vazbu.
Otestujte své znalosti