我想在瀏覽器中切換標籤頁時顯示一條消息。我該如何解決它？

Question

我正在嘗試製作一個網頁，通過在網頁上提供點數來幫助您專注於自己的工作。 當某人切換標籤頁時，我需要顯示一條消息，指出「您丟失了」或類似的東西。 對於網頁設計來說相當新，我無法得到這個。有人可以幫忙嗎？

Answer 1

onblur事件發生時我建議使用window.onblur event.The當對象在這種情況下失去focus.Object將窗口

使用此代碼段：

window.onblur = function() { 
    alert('trying to switch tabs eh !'); 
}; 

編輯：看到這個jsfiddle的工作演示，我已經在Chrome上測試過！

Answer 2

您可以附加到你的窗口焦點或模糊事件的jQuery：

$(window).focus(function() { 
    // your actions 
}); 

但它只是在你的網站......您可以建立一個瀏覽器擴展，如果你瓦納檢查每一個頁面。

Answer 3

純JS，所有的瀏覽器，hasFocus（）

if (document.hasFocus() 

檢查會發生什麼情況的鏈接，當你打開一個新頁面的按鈕:-)

https://codepen.io/damianocel/pen/Yxxzdj