javascript - 防止意外的后退浏览

Question

我有一个客户刚买了 Apple Magic Mouse。我们建立了一个菜谱网站，当她输入菜谱的所有信息时，她非常不高兴，然后拿起她的新鼠标，不小心向右滚动，它会进行后退浏览，她的所有信息都丢失了。所以她想警告/弹出以防止在该页面上发生这种情况。

有什么建议或指出一些执行此操作的 JS 吗？

Answer 1

这是一个基本的“离开前警告”脚本。当用户按下文本区域中的某个键时，如果用户即将离开页面，则会收到通知:

<script type="text/javascript">
var changes = false;
window.onbeforeunload = function(){
   if(changes){
      return "You're about to leave this page.";
   }
};
</script>
<textarea onkeypress="window.changes=true">recipe here</textarea>

或者，您可以在页面加载时将文本字段的内容存储在一个变量中，然后再进行比较。当访问者只是按下文本区域中的箭头键而不实际修改它时，这将消除一些困惑。