Este escrito fue aprobado por especialistas así se garantiza la veracidad de nuestro post.
Solución:
Tu blur evento no funciona porque su div no puede recibir el foco en primer lugar. si agregas tabindex="1" (1 puede ser reemplazado por cualquier número) o contentEditable (esto hará que el contenido de div sea editable) a su divpodrá recibir el foco y luego blur el evento funcionará. Además, puede utilizar focus en lugar de click.
También puedes probar (focusout)="unfocusAreaInput()" en tu div. Eso se activará cuando cualquier elemento enfocable dentro del div pierda el foco (incluso cuando se elimine el elemento) y algún otro elemento en el div no está enfocado simultáneamente.
Si quieres saber qué elemento perdió el foco dentro de tu divpuedes pasar eso así: (focusout)="unfocusAreaInput($event.target)".
Más información aquí: https://developer.mozilla.org/en-US/docs/Web/API/Element/focusout_event
Utilizar tabindex propiedad con ella. Ajuste
tabindex="0"
le dará la más alta prioridad para obtener el enfoque, por lo tanto, su blur el evento funcionará
Sección de Reseñas y Valoraciones
Si te animas, tienes la libertad de dejar un ensayo acerca de qué te ha gustado de esta reseña.