javascript - 浏览器后退按钮导致隐藏字段出现问题

Question

我遇到了一个有趣的问题，但我不知道如何解决它。我在主页上维护一个隐藏值，用于跟踪页面上加载的事件。页面加载后事件位置会更新。当离开页面然后单击浏览器后退按钮时，会看到上一个事件编号。如果我单击链接并直接加载主页，事件位置将被重置(如预期)

我的 HTML:

    <input type="hidden" id="event_num" value="0">

我的 javascript 调用来获取/设置 event_num 值:

 function getRecentEvents() {

    var event_pos = $('#event_num').val();
    //console.log("POS: " + event_pos);

    $.getJSON("functions/get_events.php", { f: 'get_events', event_pos: event_pos, limit: limit}, function(data) {

        if (data.events.length > 0) {

            // set the new value        
            $('#event_num').val(data.events_pos);
        }
});

我希望每次加载页面时隐藏字段都为0，无论用户是否单击链接或点击浏览器上的后退按钮。

知道如何解决这个问题还是这是一个已知问题？

Answer 1

如果单击“后退”按钮，页面不会再次加载，而是显示缓存的页面内容。也就是说，页面的状态是您上次访问它时的状态。您可以在 $(document).ready 或文档卸载事件上重置 event_num 计数器，然后您将获得预期的行为。