Question

当我点击Logout链接时，我的logout.php文件被调用，它将我退出。

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

如何在点击Logout链接调用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>

如果用户点击＆＃34;确定＆＃34;，他们只需关注原始链接（href）中提供的/logout

如果用户点击＆＃34;取消＆＃34;，确认对话框将消失，没有任何反应。

如果用户禁用了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';
    }
}

如何通过点击链接调用javascript函数？

3 个答案: