Solucionado
Hola compañeros y profesores
Como a muchos de ustedes, cuando se agrega el evento addEventListener en vez de aparecer el mouseEvent, nos aparece PointerEvent.
Hasta el momento el comportamiento es el mismo, pero las propiedades son diferentes. Quisiera saber si alguno de ustedes sabe donde se encuentra la propiedad path para poder mirar el mapa del DOM y saber con exactitud cual es el elemento padre y los elementos hijos.
Gracias!
¡Hola Andrea!
La propiedad path en el objeto PointerEvent no está disponible en todos los navegadores. Sin embargo, puedes obtener el mapa del DOM utilizando la propiedad composedPath(). Esta propiedad devuelve un array con todos los elementos que forman el camino desde el elemento objetivo hasta el elemento raíz del documento.
Aquí tienes un ejemplo de cómo puedes utilizarlo:
elemento.addEventListener('pointerdown', function(evento) {
var camino = evento.composedPath();
console.log(camino);
});
En este ejemplo, estamos agregando un evento pointerdown al elemento que deseas rastrear en el DOM. Cuando se dispara el evento, obtenemos el camino utilizando composedPath() y lo mostramos en la consola.
Recuerda que la compatibilidad con composedPath() puede variar según el navegador, por lo que es posible que no funcione en todos los casos. Si necesitas una solución más confiable, te recomendaría utilizar una biblioteca o framework que maneje el evento de manera más consistente en diferentes navegadores.
Espero que esta información te sea útil. ¡Si tienes alguna otra pregunta, no dudes en preguntar! ¡Buena suerte con tu aprendizaje de JavaScript!
Espero haber ayudado y buenos estudios!