Utiliser Echap pour fermer une popup

Fermer une popup pour fermer une popup

Language: Javascript

Catégorie : Modal & Popup

<script>

document.body.addEventListener('keydown', function (e) {
  if (e.key === 'Escape') {
    document.querySelector('[js-modal-element=close]').click();
  }
});

</script>

Sommaire

Utiliser un LLM pour résumer ou expliquer ce script

Le script

Ajouter le script sur la page ou le projet Webflow

<!-- Scripts by Justa | Close Modal with ESC -->
<script src="https://cdn.jsdelivr.net/npm/@justaa/scripts/dist/modal/close-with-esc.js"></script>

<script>

document.body.addEventListener('keydown', function (e) {
  if (e.key === 'Escape') {
    document.querySelector('[js-modal-element=close]').click();
  }
});

</script>

Les attributes

Modale Close - Identifier l'élément qui permet de fermer la modale

Nom

js-modal-element

Valeur

Ajouter l'attribute à un élément qui permet de fermer la modale (la croix par exemple)

Nom

Valeur

Nom

Valeur

Nom

Valeur

Nom

Valeur

Nom

Valeur

Nom

Valeur

Tuto

Template

Code source du script

<script>

document.body.addEventListener('keydown', function (e) {
  if (e.key === 'Escape') {
    document.querySelector('[js-modal-element=close]').click();
  }
});

</script>