当前位置：文江博客话题详情

JavaScript 和 onbeforeunload？

发布于 2024-08-02 09:23:39 字数 367 浏览 7 评论 0原文

我有

优步上传！

我想让它这样，如果你按下那个按钮，它也会设置一个变量，这样如果你尝试离开页面，它就会弹出其中一个“您确定要离开此页面”警报可防止人们在上传时意外离开。

不要担心上传完成后取消设置变量，我会补充一点，我只需要你们中的一个聪明的程序员来为我制作一个框架。

谢谢！

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

神仙妹妹 2024-08-09 09:23:39

将此声明添加到页面：

var upcount = 0;

将 onclick 更改为：

onclick="++upcount; swfu.startUpload();"

如果 swfu 在完成上传时为您提供某种事件，请将其放在上面：

--upcount;

并添加此处理程序：

window.onbeforeunload = function() {
    if (upcount > 0) {
        return "The upload is still in progress, leaving the page will cancel it.";
    }
}

在浏览器尊重 onbeforeunload 的情况下，会工作的。大多数时候，他们中的大多数人都是这样做的。如果他们没有，那么，你尝试过。请注意，通过使用计数器，您将允许多次上传。

您可能会考虑使用 AttachEvent (IE) 或 addEventListener（标准）（或者像 Prototype 或 jQuery 这样的库来平衡差异）来附加事件而不是使用属性。使用属性（又名 DOM0 处理程序）是相当老式的，并且有一点限制（每个元素每个事件只有一个处理程序）。但它仍然有效。

Add this declaration to the page:

var upcount = 0;

Change your onclick to:

onclick="++upcount; swfu.startUpload();"

If the swfu gives you some kind of event when it's done uploading, put this on it:

--upcount;

And add this handler:

window.onbeforeunload = function() {
    if (upcount > 0) {
        return "The upload is still in progress, leaving the page will cancel it.";
    }
}

Where browsers respect the onbeforeunload, that'll work. And most of them do, most of the time. Where they don't, well, you tried. Note that by using a counter, you're allowing for multiple uploads.

You might consider attachEvent (IE) or addEventListener (standard) (or a library like Prototype or jQuery that evens out the differences for you) for attaching your events rather than using attributes. Using attributes (aka DOM0 handlers) is fairly old-fashioned and a bit limiting (only one handler per event per element). But it does still work.

回复收藏 0 原文

王权女流氓 2024-08-09 09:23:39

function warnUser()
{
   if(dataIsDirty)
   {
      return "You have made changes. They will be lost if you continue.";
   }
   else
   {
      // Reset the flag to its default value.
      dataIsDirty = false;
   }
}

function isDirty()
{
   dataIsDirty = true;
}

function isClean()
{
    dataIsDirty = false;
}

然后您可以像在 onbeforeunload 事件中一样使用它。

window.onbeforeunload = warnUser;
dataIsDirty = false; //Or true, depending on if you want it to show up even if they dont' make changes)

然后要使用它，只需对您不想触发它的任何事件使用“isClean”函数（例如，保存），或者您可以将“isDirty”附加到您想要在它们离开之前触发它的任何事件（例如，编辑表单字段）。

function warnUser()
{
   if(dataIsDirty)
   {
      return "You have made changes. They will be lost if you continue.";
   }
   else
   {
      // Reset the flag to its default value.
      dataIsDirty = false;
   }
}

function isDirty()
{
   dataIsDirty = true;
}

function isClean()
{
    dataIsDirty = false;
}

Then you use it just like on the onbeforeunload event.

window.onbeforeunload = warnUser;
dataIsDirty = false; //Or true, depending on if you want it to show up even if they dont' make changes)

Then to use it, just use the 'isClean' function to anything you don't want to trigger it(Save, for instance), or you can attach 'isDirty' to any event you want to trigger it before they leave (say, editing a form field).

回复收藏 0 原文