javascript - 如何使用 hashchange 获得 beforeunload 功能？

Question

此处的代码适用于页面刷新或关闭页面。它会弹出一个对话框，询问您是否确定要在不保存的情况下离开。

 $(window).on('beforeunload', function(){
      return 'Did you save your changes?';
 });

问题是我有一个 SPA，我希望它也显示在 hashchange 上。警报在这里有效，但返回一个字符串没有任何作用。我猜那个对话框是特定于 beforeunload 事件。

 $(window).on('hashchange', function(){
     alert("saved?");
     return "this doesn't do anything";
 });

我应该如何解决这个问题？

Answer 1

我认为您可能需要捕获哈希上的点击事件，如果未确认则取消:

$('a[href^="#"]').click(function(){
    return confirm('Did you save your changes?')
});

演示:http://jsfiddle.net/v8GbN/