如何将Facebook的JavaScript SDK功能附加到按钮上？

Question

从Facebook的文档读取我不得不使用下面的下面的函数：

FB.logout(function(response) { 
    // Person is now logged out 
}); 

但究竟如何才能把它连接到一个按钮？

Answer 1

如果您没有使用任何Javascript库或框架，那么您将不得不使用Javascript onclick Event。

首先，包住FB.logout()功能是这样的：

var logOut = function() { 
    FB.logout(function(response) { 
    // Person is now logged out 
    }); 
}; 

，然后再连接这logOut()功能到你想要的按钮是这样的：

<button onclick="logOut()">Log Out</button> 

希望这有助于！

Answer 2

尽量让您的代码与HTML分开。意思是，你不应该直接使用onclick，更好地附加一个事件监听器。例如：

<button id="logoutButton">Log Out</button> 

JS代码：

document.getElementById('logoutButton').addEventListener('click', function(event) { 
    FB.logout(function(response) { 
     // Person is now logged out 
    }); 
});