javascript - 当用户点击浏览器后退按钮时触发事件

Question

当用户单击浏览器后退按钮时，jquery 是否可以触发函数。我有一个灯箱/小部件，打开时会填充窗口。有一个关闭按钮等，但如果用户错误地点击后退按钮，则关闭按钮会很好。

到目前为止我已经有了这个，但该功能似乎根本没有运行

$(window).on("navigate", function (event, data) {
            event.preventDefault();
            console.log('BACK PRESSED');
            var direction = data.state.direction;
            if (direction === 'back') {
                if(widgets.full_active){
                    $('.close', widgets.active_widget).click();
                    event.preventDefault();
                    console.log('CLOSE THIS');
                }
            }
            if (direction === 'forward') {
                // do something else
            }
        });

通过不在函数开始处运行此行 event.preventDefault(); 应该意味着页面永远不会更改

Answer 1

通常，我使用浏览器中的 native JavaScript API 来执行此操作，如下所述:Manipulating the Broser History .

使用 jQuery，我看到人们通常使用这个插件:History.js ，虽然我不知道它的状态是什么。

您要查找的事件是onpopstate .

A popstate event is dispatched to the window every time the active history entry changes between two history entries for the same document.