在 JavaScript 中開啟後台選項卡時如何防止 Chrome 選項卡閃爍？

模擬後台選項卡開啟以避免Chrome 閃爍

在JavaScript 中，可以使用下列方式實作開啟新分頁同時保持對目前選項卡的注意以下程式碼：

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

但是，此方法會導致Chrome 中的新選項卡短暫閃爍。若要避免此問題，請考慮使用以下方法：

模擬組合鍵

Chrome 支援透過特定組合鍵在背景開啟標籤頁。您可以使用 JavaScript 模擬這些組合，並以程式設計方式開啟背景標籤。

下面的程式碼示範了在動態建立的 上模擬 Ctrl 點擊事件。 element:

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中文網其他相關文章！