Manipuladores de Diferentes Eventos em JavaScript
Além do clique em um elemento, existem outros
eventos. Por exemplo, usando o evento dblclick
é possível detectar um duplo clique no elemento,
usando o evento mouseover - o posicionamento
do cursor sobre o elemento, e usando o evento mouseout
- a saída do cursor do elemento.
Ao mesmo tempo, a um único elemento podem ser vinculados manipuladores de vários tipos de eventos. Vamos, por exemplo, vincular a um elemento a reação ao posicionamento do cursor e a reação à saída:
button.addEventListener('mouseover', function() {
console.log('1');
});
button.addEventListener('mouseout', function() {
console.log('2');
});
Dado um botão. Ao duplo clique nele, exiba alguma mensagem.
Dado um botão. Ao posicionar o cursor sobre ele, exiba alguma mensagem.
Dado um botão. Ao sair o cursor dele, exiba alguma mensagem.
Dado um botão. Ao posicionar o cursor sobre ele, exiba uma mensagem, e ao sair dele - outra.
