Skip to main content
2 de 2
Añado tambien el codigo del HTML

Puedo detectar de alguna manera cuando algun elemento esta en :hover con javascript?

lo que queria saber es si hay alguna manera de saber cuanto algun elemento esta en hover, me serviría mucho para remover clases o agregar clases en JS, ya que algunas cosas se desactivan cuando no esta en hover mi div.

Logre hacer algo pero se desactiva con el tiempo y para ativarlo de nuevo le tienes que vovler a clickear:

´´´

function prueba(carta = card) {
document.querySelectorAll(".cajaGrafico").forEach(item => {
    item.classList.remove('pointerEvents');
});

setTimeout(function() {
    document.querySelectorAll(".cajaGrafico").forEach(item => {
        item.classList.add('pointerEvents');
    });
console.log('se acabo el tiempo');
}, 20000 );

}

.card:hover {
    z-index: 8;
    transform: scale(1.12);
    box-shadow: 9px 40px 30px rgba(0, 0, 0, 0.5);
    background-color: #292929;
}  
´´´