"Si un ouvrier veut bien faire son travail, il doit d'abord affûter ses outils." - Confucius, "Les Entretiens de Confucius. Lu Linggong"
Page de garde > La programmation > Pourquoi les hachages d'URL sont mon moyen préféré pour déclencher des événements

Pourquoi les hachages d'URL sont mon moyen préféré pour déclencher des événements

Publié le 2024-08-18
Parcourir:938

Why URL hashes are my favorite way to fire events

En tant que jeune développeur web, je me suis souvent demandé quelle était la meilleure façon de déclencher des événements (par exemple, faire en sorte qu'un lien affiche un nouveau contenu sur la page, sans rechargement). J'ai envisagé d'utiliser des éléments HTML comme gestionnaires d'événements, en modifiant une propriété lors du déclenchement d'un événement, mais cela semblait trop gênant. J'avais besoin de quelque chose qui ne gêne pas mon HTML.

J'ai ensuite regardé ma barre d'URL, assise là seule et inutilisée, et une idée m'est venue. J'ajouterais simplement deux paramètres d'URL, un événement nommé et une donnée nommée ! C'était parfait !

C'est du moins ce que je pensais. L'ajout de paramètres d'URL recharge la page, donc cela ne fonctionnerait pas non plus. Mais je pensais toujours que l'URL était la meilleure voie à suivre et je me suis rappelé des hachages.

Pour ceux qui ne le savent pas, l'ajout de hachages à une URL ne ne recharge pas la page.

J'utilise cette technique depuis lors, et c'est sans aucun doute ma préférée. Je ne pense pas que ce soit une technique habituelle. Tout ce que je sais, c'est que cela répond à mes besoins.

window.addEventListener("hashchange", function(hash) {
  if (hash === "#profile-19289948") {
    ...
  }
});

Maintenant, je suis curieux : est-ce que d'autres personnes font quelque chose de similaire ? Est-ce que d'autres personnes savent de quoi je parle ?

Déclaration de sortie Cet article est reproduit sur : https://dev.to/sillybreakfast/why-url-hashes-are-my-favorite-way-to-fire-events-1415?1 En cas de violation, veuillez contacter study_golang@163 .com pour le supprimer
Dernier tutoriel Plus>

Clause de non-responsabilité: Toutes les ressources fournies proviennent en partie d'Internet. En cas de violation de vos droits d'auteur ou d'autres droits et intérêts, veuillez expliquer les raisons détaillées et fournir une preuve du droit d'auteur ou des droits et intérêts, puis l'envoyer à l'adresse e-mail : [email protected]. Nous nous en occuperons pour vous dans les plus brefs délais.

Copyright© 2022 湘ICP备2022001581号-3