如何將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 
    }); 
});