首頁 > web前端 > js教程 > 在 JavaScript 中開啟後台選項卡時如何防止 Chrome 選項卡閃爍?

在 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 點擊事件。 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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板