Django - 使用 javascript 弹出确认框停止注销

Question

在我的 django 站点中，我有一个注销按钮，可以重定向到视图logout 。 单击该按钮时，它会立即注销用户，但我希望出现一个 JS 弹出确认框，然后单击注销按钮。

当用户单击“确定”或“取消”时，它会将用户注销。 当用户单击“取消”时，如何防止调用logout视图？

视图.py

def logout(request):
    if "user_info" in request.session:
        del request.session["user_info"]
    #redirect to login so the user can log back in
    return redirect("login")

脚本.js

function logout_popup() {
    if (confirm("Are you sure?")) {
        window.location.reload()
    }
}

基地.html

<li onclick="logout_popup()" id="logout-tab"><a href="{% url 'logout' %}">Logout</a></li>

Answer 1

尝试将onclick移动到a标签：

<li id="logout-tab"><a onclick="logout_popup(event)" href="{% url 'logout' %}">Logout</a></li>

和脚本：

function logout_popup(e) {
    if (confirm("Are you sure?")) {
        window.location.reload()
    } else {
        e.preventDefault()
    }
}