我的网站有
angularjs SPA.当用户点击刷新按钮或按F5 / Ctrl F5我要阻止或中止页面重新加载时.不幸的是,使用onbeforeunload和onunload事件的解决方案无效.实际上,它们被调用,到达event.preventDefault()行,控制台中有任何消息,但浏览器继续加载页面.
我当前的模块.run()代码：
let window = angular.element($window);
window.on("beforeunload",(event) => {
event.preventDefault();
}).on("unload",(event) => {
event.preventDefault();
});
// This is just for sure that I have my handlers registered
$window.onbeforeunload = (event) => {
event.preventDefault();
}
$window.onunload = (event) => {
event.preventDefault();
}
我怎么能真正处理角度？
UPDATE
我需要这个来重新加载实际状态而不是页面.因此,当用户点击刷新时,我想用$stateProvider重新加载当前状态,而不是重新加载整个页面
解决方法
看看
Mozilla has to say about unload events.看起来不可能像你想的那样阻止刷新.您唯一认为可以做的是询问用户他/她是否真的要离开页面.
我猜你可以在用户回答他/她不想离开当前页面的情况下重新加载当前状态.
window.onbeforeunload = function(event) {
// do some stuff here,like reloading your current state
//this would work only if the user chooses not to leave the page
return 'why would you do that???';
}
我创建了一个fiddle for you.
