首頁 >web前端 >js教程 >Chrome如何在背景開啟新標籤而不閃爍?

Chrome如何在背景開啟新標籤而不閃爍?

Mary-Kate Olsen
Mary-Kate Olsen原創
2024-11-07 10:47:03883瀏覽

How to Open a New Tab in the Background Without Flashing in Chrome?

在後台開啟新分頁而不閃爍分頁

在JavaScript 中,在不同分頁中開啟新頁面,同時保持專注於當前選項卡是可能的。但是,在 Chrome 中,此過程可能會導致新分頁短暫閃爍,然後再切換回原始分頁。這可能是不可取的。

此問題的解決方法是在具有所需 URL 的動態產生的元素上模擬鍵盤事件,例如按「Ctrl」點擊。此方法模擬與在背景手動開啟新分頁相同的行為。

以下程式碼示範如何實現此目的:

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);
}

透過執行此程式碼,一個新的後台標籤將開啟時不會引起 Chrome 中分散注意力的閃光。請注意,此方法可能不適用於所有瀏覽器,但已在最新版本的 Chrome 中測試成功。

以上是Chrome如何在背景開啟新標籤而不閃爍?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn