Question

<a href="/user/1/delete" class="delete"><i class="fas fa-fw fa-trash-alt"></i></a>

document.addEventListener("click", (e) => {

    // Verify deleting objects
    if (e.target.closest(".delete")) {
        return confirm("Are you sure?");
    }
});

我试图从我的代码中删除jQuery作为依赖，我不习惯JavaScript的事件系统。如果确认返回<a>，我有一个false标记要取消。但是，当我在确认对话框中单击Cancel时，它仍会执行。

Answer 1

经过多次试验后，我找到了答案：

document.addEventListener("click", (e) => {

    // Verify deleting objects
    if (e.target.closest(".delete")) {
        if (!confirm("Are you sure?")) {
            e.preventDefault();
        }

        return;
    }
}

当确认返回false时，执行html锚点

1 个答案: