當窗口處於活動狀態時執行腳本

Question

如何才能在瀏覽器選項卡/窗口處於活動狀態時僅執行一次該功能？

$(function(){ 

noty({text:'Here is my text',type:'error'}); 

return false; 
}); 

如果我使用：執行

$(window).one('focus', function(){ 

的功能，但只有當我離開的標籤，再回來。

任何想法？

非常感謝

Answer 1

你是什麼意思是'主動'？

如果您需要在加載後只調用一次該函數，則可以使用load事件或帶有jQuery的ready。

如果每次選項卡處於活動狀態，則當用戶位於選項卡上，並且鼠標將焦點放在文檔上時，可以使用focus事件。

let activated = false; 
window.addEventListener('focus', function() { 
    if(!activated) { 
     console.log('test'); 
     activated = true; 
    } 
}) 

Answer 2

如果使用load事件，它將在頁面加載時觸發。

$(document).ready(() => { 
    $(window).on('load',() => { 
    noty({ text: 'Here is my text', type: 'error' }); 
    }); 
});