Ouvrir les liens externes dans un nouvel onglet sur desktop

Ouvre tous les liens externes dans un nouvel onglet hormis sur mobile où tous les liens s'ouvrent sur le même onglet (sans à le paramétrer dans Webflow)

Language: Javascript

Catégorie : Utilities

<script>

function handleLinkClick(event) {
  if (event.target.hostname === window.location.hostname) {
    return;
  }

  if (window.matchMedia('(max-width: 767px)').matches) {
    return;
  }

  event.preventDefault();
  window.open(event.target.href, '_blank');
}

var links = document.getElementsByTagName('a');
for (var i = 0; i < links.length; i++) {
  links[i].addEventListener('click', handleLinkClick);
}

</script>

Sommaire

Le script

Les attributes

Source du script

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 | Open Links in New Tabs -->
<script src="https://cdn-scripts.justa.fr/dist/util/open-links.js"></script>

Code source du script

<script>

function handleLinkClick(event) {
  if (event.target.hostname === window.location.hostname) {
    return;
  }

  if (window.matchMedia('(max-width: 767px)').matches) {
    return;
  }

  event.preventDefault();
  window.open(event.target.href, '_blank');
}

var links = document.getElementsByTagName('a');
for (var i = 0; i < links.length; i++) {
  links[i].addEventListener('click', handleLinkClick);
}

</script>