Question

我在我的网站上使用Facebook登录弹出窗口。我正在显示api响应加载程序。但是，当用户单击Facebook登录窗口的关闭按钮（X）时，我的加载器显示为无限。所以我想在用户单击关闭按钮时得到该事件。我将以下代码用于Facebook登录弹出窗口。

 window.fbAsyncInit = function() {
  FB.init({
    appId      : '###',
    cookie     : true,
    xfbml      : true,
    version    : 'v3.1'
  });

  FB.AppEvents.logPageView();   

  window.checkLoginState = function() {
    FB.getLoginStatus(function(response) {
      document.getElementById('loader-response').classList.add('show');
      statusChangeCallback(response);
    });
  }

  function statusChangeCallback(response) {
    if (response.status === 'connected') {
      getProfile();
    } else {
      window.localStorage.setItem('facebook',false);
    }
  }  
};

(function(d, s, id){
   var js, fjs = d.getElementsByTagName(s)[0];
   if (d.getElementById(id)) {return;}
   js = d.createElement(s); js.id = id;
   js.src = "https://connect.facebook.net/en_US/sdk.js";
   fjs.parentNode.insertBefore(js, fjs);
 }(document, 'script', 'facebook-jssdk'));

Answer 1

我已经编辑了您的代码。

只需在document.getElementById('loader-response').classList.add('show');函数之后添加FB.getLoginStatus(function(response)。

Facebook登录弹出窗口关闭按钮事件

1 个答案: