Размещено: 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));
- querySelectorAll('.delete') - выбираем все DOM элементы с классом delete
- проходим с помощью forEach и вешаем каждому элементу прослушивание на событие click
- event.preventDefault() отменяет стандартное действие
- event.currentTarget - выбирает элемент по которому произведен клик и от него берем href
На эту страницу чаще всего попадают по запросам: отмена перехода по ссылке, заменить href на onclick, подтверждение