Implementing “this page is asking you to confirm that you want to leave”

前端未结

关注

 2  1837

This is a warning that Firefox raises when I want to leave certain pages. Based on the pages I\'ve seen this on and that this warning appears when I try to close the page after

相关标签:

2条回答

走了就别回头了

2021-02-19 20:07
You basically implement a handler for beforeunload event. This allows you to warn your users that they have unsaved data.

Pseudo Code:
```
  window.onbeforeunload = function warnUsers()
  {
    if (needToConfirm)
    {
      // check to see if any changes to the data entry fields have been made
      if(changesPresent) {
            return message to display
      }
      else {
      // no changes - return nothing      
      }
    }
  }
```
Here's a very good article that discusses this in depth: http://www.4guysfromrolla.com/webtech/100604-1.shtml

Note: There is onunload event also but that fires after the page has unloaded, hence is too late to take any reliable action. You should never put any critical code in onunload as that is never guranteed to execute.
0 讨论(0)
发布评论:

提交评论
- 加载中...

Happy的楠姐

2021-02-19 20:26

Well, you need to try to add some other things like form. But something simple is:

EDIT: Fixed HTML;

<html>
<head>

<script language="javascript">
function mymessage()
{
alert("This message was triggered from the onunload event");
}
</script>
</head>

<body onbeforeunload="mymessage()">

<p>close this window and watch the warning box come up!</p>
</body>

</html>

0 讨论(0)