Maison  >  Article  >  interface Web  >  ## Comment puis-je détecter si le bouton Précédent du navigateur est disponible en JavaScript ?

## Comment puis-je détecter si le bouton Précédent du navigateur est disponible en JavaScript ?

Susan Sarandon
Susan Sarandonoriginal
2024-10-28 11:17:02990parcourir

## How Can I Detect if the Browser Back Button is Available in JavaScript?

Navigation et accessibilité de l'historique du navigateur

Vérifier la disponibilité du bouton de retour du navigateur à l'aide de JavaScript est une question courante parmi les développeurs Web. Lorsque l'utilisateur navigue dans les pages Web, il est crucial de déterminer la possibilité de revenir aux états précédents. Cependant, il convient de noter qu'il n'existe pas de méthode JavaScript simple pour vérifier directement si le bouton de retour est disponible.

Tentatives de solutions et leurs limites

Premières tentatives d'accès ces informations se sont concentrées sur la propriété history.previous. Cette propriété semble logique car elle fournirait un aperçu de la pile historique. Malheureusement, les navigateurs modernes ont mis en œuvre des restrictions de sécurité qui entraînent généralement le renvoi d'une valeur non définie.

Une autre approche impliquait l'examen de la propriété history.length. Bien qu'il semble initialement prometteur, car il indique le nombre d'entrées dans l'historique, il n'indique pas la position actuelle dans cet historique et peut varier en fonction des paramètres du navigateur.

Approches alternatives

Compte tenu des limites inhérentes aux méthodes susmentionnées, des solutions pratiques impliquent l'utilisation d'écouteurs d'événements externes. Vous pouvez écouter le PopStateEvent qui est déclenché lorsque la pile historique du navigateur change. Cet événement fournit des informations sur la nouvelle entrée de l'historique, vous permettant de déduire si le bouton de retour est accessible.

De plus, vous pouvez utiliser JavaScript pour ajouter un lien cliquable vers votre page qui appelle history.back() ou history. .go(-1). Si le lien n'est pas cliquable, cela indique l'absence d'entrée valide dans l'historique, signalant effectivement l'indisponibilité du bouton retour.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn