选项卡打开或激活时自动获取localStorage值

时间:2017-09-28 12:50:25

标签: javascript window focus

我需要在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.onfocus在body-child元素具有焦点时不起作用。

任何帮助。

3 个答案:

答案 0 :(得分:2)

您可以使用focus()事件,例如:

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

答案 1 :(得分:1)

focus不是onfocus

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

答案 2 :(得分:0)

你也可以使用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
&#13;
&#13;
&#13;