Skip to main content
Añado tambien el codigo del HTML
Origen Enlace

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) {

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;
}  
´´´

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 );

} ´´´

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;
}  
´´´
Origen Enlace

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 );

} ´´´