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

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.jsdelivr.net/npm/@justaa/scripts/dist/util/open-links.js"></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>

Les attributes

Aucun attribute nécessaire

Tous les liens externes s'ouvriront dans un nouvel onglet sur Desktop (et dans le même onglet sur Mobile).

Nom

Valeur

Aucun attribute nécessaire

Ajouter le script et tous les liens externes s'ouvriront dans un nouvel onglet sur Desktop. Sur mobile, ils s'ouvriront dans le même onglet

Nom

Valeur

Nom

Valeur

Nom

Valeur

Nom

Valeur

Nom

Valeur

Nom

Valeur

Tuto

Template

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>