Размещено: 2023-12-11 18:25:02

Теги: html, js

ПОДТВЕРЖДЕНИЕ УДАЛЕНИЯ

Если перед удалением или какой-то другой операцией необходимо спросить подтверждение, то можно сделать это следующим образом. Допустим есть какие-то ссылки, при переходе по которым мы должны спрашивать подтверждение

<!DOCTYPE html>
<html>
<head>
</head>
<body>

<a href="/main" class="delete">ххх</button>
<a href="/exit" class="delete">ххх</button>
<a href="/go" class="delete">ххх</button>

<script src="./main.js"></script>
</body>
</html>

main.js выглядит следующим образом:

function preventEvent (event){
    event.preventDefault();
    let del=confirm("Действительно удалить?");
    if(del==true)
    {
       window.location.href=event.currentTarget.href;
    }
    else
    {
        console.log('Не удаляем')
    }
    return del;
}

document.querySelectorAll('.delete').forEach( (elem) => elem.addEventListener('click', preventEvent));

На эту страницу чаще всего попадают по запросам: отмена перехода по ссылке, заменить href на onclick, подтверждение