JavaScript でバックグラウンドタブを開いたときに Chrome タブが点滅しないようにするにはどうすればよいですか?-jsチュートリアル-php.cn

JavaScript でバックグラウンドタブを開いたときに Chrome タブが点滅しないようにするにはどうすればよいですか?

Linda Hamilton

リリース： 2024-11-07 13:02:02

オリジナル

336 人が閲覧しました

How to Prevent Chrome Tab Flashing When Opening Background Tabs in JavaScript?

Chrome の点滅を回避するためにバックグラウンドでタブを開くシミュレーション

JavaScript では、現在のタブにフォーカスを維持したまま新しいタブを開くには、次を使用します。次のコード:

open('http://example.com/');
focus();

ログイン後にコピー

ただし、このメソッドでは Chrome の新しいタブが一瞬ちらつきます。この問題を回避するには、次のアプローチの使用を検討してください。

キーの組み合わせのシミュレーション

Chrome では、特定のキーの組み合わせを使用してバックグラウンドでタブを開くことができます。 JavaScript を使用してこれらの組み合わせをシミュレートし、バックグラウンドタブをプログラムで開くことができます。

以下のコードは、動的に作成されたでの Ctrl クリックイベントのシミュレートを示しています。要素:

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

ログイン後にコピー

この関数を呼び出すと、煩わしいちらつきを発生させずに、バックグラウンドタブで新しいページを開くことができます。

注: このアプローチは、 Chrome でのみテストされています。

以上がJavaScript でバックグラウンドタブを開いたときに Chrome タブが点滅しないようにするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。