Está en la página 1de 8

Eventos

de mouse
Índice 1. mouseOver
2. mouseOut

Eventos de Mouse 2
1 mouseOver

Eventos de Mouse 3
mouseOver
let texto = document.querySelector('.text');
texto.onmouseover = function(){
{}
console.log('pasaste el mouse');
}

También podríamos hacer:

texto.addEventListener('mouseover', function(){
{} console.log('pasaste el mouse');
});

Eventos de Mouse 4
2 mouseOut

Eventos de Mouse 5
mouseOut
let texto = document.querySelector('.text');
texto.onmouseout = function(){
{}
console.log('quitaste el mouse');
}

También podríamos hacer:

texto.addEventListener('mouseout', function(){
{} console.log('quitaste el mouse');
});

Eventos de Mouse 6
Como podemos notar, aplicar el
evento con un .on"evento" o con un
addEventListener("evento",
function{... etcétera, ¡no tiene
diferencia!

Eventos de Mouse 7
Título del ppt

También podría gustarte