javascript - How to detect popup window close event - Stack Overflow

admin管理员组

文章数量:1181872

javascript

document.querySelector('#share').onclick = function () {
    var popup = window.open('.php?u=', '', "width=400, height=400");

    popup.onbeforeunload = function() {
        alert('unload');
    }

    return false;
};

HTML

<a id="share" href="#">share</a>

Two things:

1. I want to do something after user finish the facebook share thing, if I share the page by open window the window will be auto close after everything is done, so I want to use beforeload event to imitate after sharing callback, but I can't get it when popup is closed.

2. If user just turn off the window or cancel sharing will also trigger the event, so it's not the best solution, is there any facebook sharing successful callback api?

javascript

document.querySelector('#share').onclick = function () {
    var popup = window.open('http://www.facebook.com/sharer/sharer.php?u=http://www.google.com', '', "width=400, height=400");

    popup.onbeforeunload = function() {
        alert('unload');
    }

    return false;
};

HTML

<a id="share" href="#">share</a>

Two things:

1. I want to do something after user finish the facebook share thing, if I share the page by open window the window will be auto close after everything is done, so I want to use beforeload event to imitate after sharing callback, but I can't get it when popup is closed.

2. If user just turn off the window or cancel sharing will also trigger the event, so it's not the best solution, is there any facebook sharing successful callback api?

• javascript
• facebook-graph-api

Share Improve this question Follow edited Jul 20, 2015 at 10:22 Chan asked Jul 20, 2015 at 10:10 ChanChan 1,95966 gold badges2929 silver badges3737 bronze badges 0

Add a comment  | 

3 Answers 3

Sorted by: Reset to default 33

Solved this problem with setInterval:

document.querySelector('#share').onclick = function () {
    var popup = window.open('http://www.facebook.com/sharer/sharer.php?u=http://www.google.com', '', "width=400, height=400");

    var popupTick = setInterval(function() {
      if (popup.closed) {
        clearInterval(popupTick);
        console.log('window closed!');
      }
    }, 500);

    return false;
};

I've made a small javascript plugin for that functionality and without the limitation of same domain.

It has some more functionality, like ability to open the popup with a post and other small stuff.

Hope people looking for an answer find it useful.

https://github.com/enhancv/popup-tools

It does not work due to cross domain calls. To get the unload event you need to call a popup instead, which has the wanted url in an iframe.

document.querySelector('#share').onclick = function(){
    var popup = window.open('popup.html', '', "width=400, height=400");

    popup.onbeforeunload = function(){
        console.log('unload');
    }
};

popup.html

<iframe src = 'http://www.facebook.com/sharer/sharer.php?u=http://www.google.com'></iframe>

本文标签： javascriptHow to detect popup window close eventStack Overflow