Cómo detectar el evento del botón de retroceso del navegador

Al probar la aplicación web, los programadores deben rastrear cada paso. Por ejemplo, volver a la página anterior o actualizar la página usando los botones del navegador en la esquina superior izquierda de su navegador se denota mediante flechas (flecha hacia adelante, flecha hacia atrás, flecha de bucle). Más específicamente, pueden querer detectar eventos de botón de retroceso del navegador.

Este artículo describirá el procedimiento para detectar eventos de botón de retroceso del navegador.

Cómo detectar el evento del botón de retroceso del navegador?

Para detectar eventos del botón de retroceso del navegador, use el "OnbeforeRload" evento. Este evento se activa mientras la página se está preparando para descargar. Le permite mostrar un mensaje en un cuadro de diálogo de confirmación informando al usuario si desea permanecer en la página actual o dejarlo. También puede utilizar este evento para detectar el botón Atrás presione el evento.

Ejemplo

En la etiqueta del cuerpo HTML, llame al "OnbeforeRload"Evento e invoca la función"BackButToneVent ()":

En el archivo JavaScript, defina una función que se invocará cuando se active el evento OnbeforeNoLload e imprima el mensaje en la consola:

función backButToneVent ()
consola.log ("se hace clic en el botón de retroceso del navegador ...");

Aquí, puede ver cuándo se hace clic en el botón Atrás del navegador, se ha mostrado un mensaje en la consola antes de retroceder:

Hemos compilado toda la información necesaria relacionada con la detección del evento del botón de retroceso del navegador en JavaScript.

Conclusión

Para detectar eventos del botón de retroceso del navegador, use el "OnbeforeRload" evento. Ocurre cuando la página se está preparando para descargar. Llame a este evento en la etiqueta que invocará la función definida en el evento OnbeforeNunload. Este artículo describió el procedimiento para detectar eventos de botón de retroceso del navegador.