單擊鏈接如何調用javascript函數？

Question

當我單擊注銷鏈接時，將調用我的logout.php文件，該文件會將我注銷。

<a href=logout.php>Logout</a>

在單擊“注銷”鏈接時調用logout.php文件之前，如何調用以下javascript函數。

Javascript功能

function callMeBeforeLogout()
{
    alert("Do you really want to logout?");
}

Answer 1

我更喜歡不打擾的方法

<a href="/logout" id="logout-link">logout</a>

然后添加腳本

<script>
  var logoutLink = document.getElementById("logout-link");

  logoutLink.addEventListener("click", function(event) {
    if (confirm("Do you really want to logout?")) return;
    event.preventDefault();
  });
</script>

如果用戶單擊“確定”，則只需遵循原始鏈接（ /logout ）中提供的href 。

如果用戶單擊“取消”，則確認對話框將消失，並且沒有任何反應。

如果用戶禁用了JavaScript，則該鏈接將起作用，而無需確認對話框。

Answer 2

嘗試添加onclick事件

<a href="javascript:void(0);" onclick="callMeBeforeLogout();">Logout</a>

function callMeBeforeLogout() {
  alert('hi i m here');
}

如果要重定向，請使用window.location或window.location.href

Answer 3

嘗試像

<a href="javascript:;" onclick="callMeBeforeLogout();">Logout</a>

在您的函數中，您必須像

function callMeBeforeLogout()
{
    var cnfrm = confirm("Do you really want to logout?");
    if(cnfrm) {
        // here redirect to `logout.php`
        window.location.href = 'logout.php';
    }
}