HTML 锚点在确认返回 false 时执行

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;
}
}