Passar o cursor
Na computação, passar o cursor refere-se a mover o cursor sobre um elemento interativo — como um link, botão ou ícone — sem clicar nele. Por exemplo, quando você passa o cursor sobre um link em uma página da Web, o cursor pode mudar de uma seta para uma mão, e o link pode mudar de cor para indicar que é clicável.
Desenvolvedores Web podem adicionar efeitos ao passar o cursor usando HTML, CSS ou JavaScript.
- HTML fornece um atributo de evento global onmouseover, que pode ser adicionado a um link ou botão.
<button onmouseover="myFunction()";>Passe o cursor sobre mim</button> - CSS fornece a pseudoclasse :hover, que define a aparência de um elemento quando o ponteiro está sobre ele (por exemplo, mudando a cor ou sublinhando o texto).
a:hover { color:darkblue; text-decoration: underline; } - JavaScript fornece os eventos mouseover e mouseout, que podem acionar funções ou outro código usando um método "EventListener".
myElement.addEventListener("mouseover", function() { ... }
O conceito de passar o cursor vai além dos sites. Muitos sistemas operacionais e aplicativos para computador destacam ícones, botões ou menus quando você passa o cursor sobre eles. Alguns elementos exibem uma dica de ferramenta quando você mantém o cursor sobre eles por um ou dois segundos. O feedback ao passar o cursor torna as interfaces de usuário mais intuitivas, fornecendo informações adicionais entre apontar e clicar.
Passar o cursor e telas sensíveis ao toque
Como passar o cursor requer um cursor, isso geralmente não se aplica a telas sensíveis ao toque, nas quais a interação ocorre principalmente por meio de toques e gestos. Em dispositivos móveis, os designers costumam usar alternativas como pressionar e segurar ou sinais visuais para fornecer um feedback semelhante.
Teste seus conhecimentos