El siguiente código establece el fondo de un elemento cuando recibe el foco:
document.addEventListener( 'focusin', (event) => { if (event.target !== null && event.target.parentElement.classList.contains('note')) { event.target.parentElement.style.backgroundColor = "#E6FBFF" } })Funciona en mi navegador (Chrome).
El IDE y el proceso de compilación generan un error:
ERROR in src/components/Note.vue:146:98 TS2339: Property 'parentElement' does not exist on type 'EventTarget'. 144 | } 145 | }) > 146 | document.addEventListener('focusout', (event) => {if (event.target !== null) {event.target.parentElement.style.backgroundColor = "white"}}) | ^^^^^^^^^^^^^ 147 | }) 148 | 149 | const setFocus = (event) => { No entiendo el error (además, por supuesto, de su naturaleza), tenía la impresión de que event.target me daría un controlador para el elemento en el que ocurrió el evento (de tipo EventTarget).
¿Cómo debo abordar este error?