Tengo una página web que intenta establecer el src de una imagen. Espero errores según la imagen que pida, y quiero detectar los mensajes de error y tener diferentes respuestas según el error que obtenga.

Estoy buscando comparar net::ERR_CONNECTION_REFUSED vs net::ERR_NAME_NOT_RESOLVED.

Intenté mirar el evento de error, pero no parece haber ninguna información sobre el mensaje de error real o el tipo de evento.

ambos eventos se ven así

 Event {isTrusted: true, type: 'error', target: img, currentTarget: img, eventPhase: 2, …} isTrusted: true bubbles: false cancelBubble: false cancelable: false composed: false currentTarget: null defaultPrevented: false eventPhase: 0 path: (5) [img, body, html, document, Window] returnValue: true srcElement: img target: img timeStamp: 2342.2000000178814 type: "error"

Haría un intento/captura ya que parece devolver el mensaje de error como una cadena, pero no estoy seguro de cómo capturarlo, ya que el error está en la solicitud HTTP, no en el cambio de src.

actualización Intenté acceder a la ruta con un XMLHttpRequest y capturar el envío, pero no recibo el mensaje de error en la instrucción try/catch al hacerlo. El depurador muestra que el error está en h.send() pero la instrucción catch no se ejecuta.

ejemplo

 try{ h=new XMLHttpRequest(); h.open("GET","https://address"); h.send(); }catch (e){ console.log("error"); console.log("ERROR:",e); }