Cómo detener el botón de retroceso del navegador usando JavaScript?

Existen numerosas formas diferentes de deshabilitar el botón Atrás o al menos jugar con el funcionamiento del botón Atrás para que los navegadores no puedan ir a la página anterior. Sin embargo, deshabilitar completamente el botón de retroceso del navegador no es una buena opción, además de que las aplicaciones del lado del cliente no tienen tantos privilegios o derechos para hacerlo debido a razones de seguridad.

En este artículo, implementaremos una lógica simple a través de JavaScript, que evita que los navegadores vayan a la página anterior utilizando el ventana objeto.

La ventana.historia.Método Forward ()

En este artículo, detendremos el funcionamiento normal del botón Atrás del navegador web utilizando el objeto de la ventana. Y para ser precisos, nos dirigiremos a la historia del objeto de la ventana y la moveremos "adelante"Cuando el navegador intenta volver a visitar la página anterior.

Demostración de ventana.historia.Método Forward ()

Para comenzar, necesitamos dos páginas HTML diferentes. La primera página se llama la casa.html, y contiene las siguientes líneas:

Haz clic en mí para visitar la página siguiente

Como puede ver, simplemente estamos creando un en el que simplemente nos referimos a la segunda página.html.

Después de eso, simplemente cree el segundo HTML con el nombre exacto SecondPage.html. Y en este documento HTML, desea agregar las siguientes líneas:

Esta es la segunda página

Esta segunda página solo contiene texto que le dice al usuario que esta es la segunda página. Ejecutar la página web de inicio dará el siguiente resultado en el navegador:

Como puede ver, hacer clic en el enlace nos lleva a la segunda página, y desde la segunda página, puede presionar el botón Atrás para volver a la casa.html

Ahora en la casa.Documento HTML, va a agregar las siguientes líneas de script dentro de la etiqueta de script:

En estas líneas, estamos accediendo al historial del objeto de la ventana del navegador y luego llamando al método Forward () para mover el navegador a la segunda página. Presentando así con el flujo normal del botón posterior del navegador.

Punto clave

Este script solo funcionará cuando la historia tenga alguna entrada en adelante para ir. Esto significa que la carga por primera vez de la página web nunca se verá afectada por esto.

Después de esto, simplemente abra el hogar Página web, haga clic en el enlace para ir a la segunda página web, e intente hacer clic en el botón Atrás del navegador, y obtendrá la siguiente salida:

Como puede ver, haga clic en el botón de retroceso en el navegador no nos lleva de regreso a la casa.html más bien nos lleva nuevamente en la segunda página.html

Conclusión

Para detener el funcionamiento del botón de retroceso del navegador con la ayuda de JavaScript. Simplemente puede llamar al método Forward () en el historial del navegador web una vez que la página web se haya cargado. Ahora para obtener acceso a este historial, debemos usar el ventana objeto. Este artículo ha demostrado el funcionamiento de la ventana.historia.Método Forward () para detener el funcionamiento del botón Atrás del navegador.