Modal & Popup

Utiliser Echap pour fermer une popup

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

Etape 1 - 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>
Copier

Etape 2 - Ajouter les attributes correspondants

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

Tuto, template & scripts

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

Etape 2 - Ajuster le code pour votre besoin

Copié dans le presse-papiers
Logo Justa

Progressez sur Webflow

Oops! Une erreur s'est produite lors de la soumission du formulaire.