在任何浏览器中禁用后退按钮的替代方法

Question

是否有其他方法可以禁用任何浏览器的后退按钮以避免以下情况：

1. 用户正在填写一个大表格
2. 用户不小心按下了返回按钮
3. 当用户返回页面时，他们必须再次填写表单，因为表单已被擦除

Answer 1

查看sisyphus.js。正是为了这个目的。它将 GMail 样式（客户端）自动保存到任何 HTML 表单。在要保存的表单的页面中添加这行 JavaScript：

$('form').sisyphus();

当用户填写此表单时，库将自动在本地保存他们键入的任何内容。如果他们离开页面（或浏览器崩溃，只需返回到同一页面将自动使用他们的所有数据填充表单。一旦他们成功提交表单，sisyphus.js 将清除本地缓存的输入数据。

有一个我还没有尝试过的 Sisyphus 替代品，名为Garlic.js，据说它对旧版浏览器有更好的支持。

Answer 2

您需要在表单上跟踪一些脏标志。浏览器有一个onbeforeunload 事件。订阅此事件并向用户弹出一个对话框，告诉他他是否真的想离开该页面。

请记住，该事件会因页面上的任何导航而被触发。