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