Comment ouvrir un nouvel onglet en arrière-plan sans flasher dans Chrome ?

Ouvrir un nouvel onglet en arrière-plan sans que l'onglet ne clignote

En JavaScript, ouvrir une nouvelle page dans un onglet différent tout en restant concentré sur le l'onglet actuel est possible. Cependant, dans Chrome, ce processus peut entraîner un flash momentané du nouvel onglet avant de revenir à l'original. Cela peut être indésirable.

Une solution de contournement à ce problème consiste à simuler un événement clavier, par exemple en appuyant sur "Ctrl", sur un élément généré dynamiquement avec l'URL souhaitée. Cette approche simule le même comportement que l'ouverture manuelle d'un nouvel onglet en arrière-plan.

Le code suivant montre comment y parvenir :

function openNewBackgroundTab(){
    var a = document.createElement("a");
    a.href = "http://www.google.com/";
    var evt = document.createEvent("MouseEvents");
    // Set the tenth parameter of initMouseEvent to simulate the "Ctrl" key.
    evt.initMouseEvent("click", true, true, window, 0, 0, 0, 0, 0, true, false, false, false, 0, null);
    a.dispatchEvent(evt);
}

En exécutant ce code, un nouvel onglet en arrière-plan sera être ouvert sans provoquer de flash gênant dans Chrome. Veuillez noter que cette approche peut ne pas fonctionner dans tous les navigateurs, mais elle a été testée avec succès dans la dernière version de Chrome.

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!