0
319
Views¿Cómo habilitar el estado mouseenter/mouseover de un elemento para fines de depuración utilizando herramientas de desarrollo?
¿Hay algo similar a activar el estado de desplazamiento (CSS) para activar eventos de javascript?
Así que estoy usando información sobre herramientas de materiales angulares. Todo funciona bien. Necesito diseñar la información sobre herramientas según el tema, pero no puedo inspeccionar el elemento, ya que solo es visible cuando el mouse se mueve sobre el elemento.
https://material.angular.io/components/tooltip/examples#tooltip-custom-class La clase personalizada funciona y puedo cambiar el color. Me gustaría cambiar el ancho y otras propiedades de CSS, pero no puedo inspeccionar el elemento para comprobar qué estilos se aplican de forma predeterminada.
Entonces, la pregunta principal es: ¿hay algo similar a activar el estado de desplazamiento (CSS) para activar eventos de JavaScript (mouseover/mouseenter)?
1 answers
Answer question0
Un buen truco para capturar eventos mouseenter:mouseleave :
- Abra la consola (en el navegador) y luego ingrese:
setTimeout(() => {debugger;}, 5000)
presione Intro y coloque el cursor sobre el elemento después del tiempo 5s, puede depurar/diseñar el elemento.
- Abra la pestaña de fuente en el navegador y luego presione F8