Comment puis-je ouvrir des URL dans de nouveaux onglets au lieu de fenêtres contextuelles à l'aide de JavaScript ?

Ouverture d'URL dans de nouveaux onglets sans fenêtre contextuelle

Lorsque vous tentez d'ouvrir une URL dans un nouvel onglet, de nombreux développeurs rencontrent le problème du navigateur ouvrant une fenêtre pop-up à la place. Malgré l'utilisation d'extraits de code tels que window.open(url, '_blank'); et window.open(url);, le comportement souhaité n'est pas atteint.

Solution

Pour résoudre ce problème, une technique astucieuse peut être employée :

function openInNewTab(url) {
  window.open(url, '_blank').focus();
}

// Or just
window.open(url, '_blank').focus();

Ce code concentre l'onglet nouvellement ouvert, garantissant que le navigateur ouvre l'URL dans un onglet plutôt que dans une fenêtre.

Pour utiliser cette solution effectivement, il est recommandé de l'implémenter directement dans le gestionnaire onclick du lien. Cela empêche les bloqueurs de pop-up et le comportement par défaut de « nouvelle fenêtre ».

<div onclick="openInNewTab('www.test.com');">Something To Click On</div>

Référence

Pour plus de détails, reportez-vous à la ressource : "Ouvrir une URL dans un nouvel onglet en utilisant JavaScript."

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!