Tengo una llamada AJAX que está cargando datos de una base de datos. Tengo la siguiente configuración de AJAX

 $(function () { $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') } }); $(document).ajaxStart(function () { $("#placeholder").removeClass('d-none'); }); $(document).ajaxSuccess(function () { $("#placeholder").addClass('d-none'); }); });

Funciona bastante bien hasta que uso la entrada para buscar por palabra/letra. La entrada está utilizando el evento de input para activarse, pero el problema es el siguiente:

Cuando escribo algo en la Entrada, los marcadores de posición aparecen hasta que muestra los resultados y luego se ocultan, pero después de eso, cuando hago clic fuera de la Entrada (quitar el foco de la entrada), los marcadores de posición aparecen durante milisegundos y se ocultan nuevamente (parpadeo)

Hice muchas pruebas y la conclusión es que no está sucediendo debido al evento de input . Aquí hay un hilo (por mí) para este problema.

¿Qué evento de jQuery puedo usar para evitar que se active el evento de entrada al hacer clic fuera de la entrada?

¿Qué puede causar este comportamiento? Realmente necesito ayuda.