タブが開いているかアクティブになっているときにlocalStorage値を自動的に取得

Question

tags.phpにlocalStorageアイテムを設定し、ユーザがindex.phpに切り替えると自動的に更新値を取得する必要があります。

tags.php

$(document).on('click', '.tagdown', function() { 
    var a = $('#tagsup').html(); 
    localStorage.setItem('tags', a); 
}); 

のindex.php
ここで私はこのようなものが必要です。

$(window).onfocus(function(){ 
console.log(localStorage.getItem('tags')); 
}); 

しかし$(window).onfocus() - 存在しませんが。

body-child要素にフォーカスがある場合にbody.onfocusが動作しませんでした。

助けてください。

Answer 1

はfocusないonfocusであるべき：

$(window).focus(function(){ 
    console.log(localStorage.getItem('tags')); 
}); 

Answer 2

あなたはこのようなためfocus()イベントを使用することができます。

$(function() { 
    $(window).focus(function() { 
     console.log('Window is in focus'); 
     console.log(localStorage.getItem('tags')); 
    }); 
}); 

Answer 3

ます。またonを使用して、代わりにONFOCUSの、窓に集中することができます。 onは、動的に作成された要素でも機能します。

jQuery(window).on('focus', function(e){ 
 
     console.log("focused on " + $(e.target)); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 

 
Click anywhere in the window