Задержка на ссылки и кнопки внутри браузера?

Question

[art style]

Как сделать задержку на ссылки, допустим я хочу чтобы юзер нажав на ссылку сначала увидел анимацию и только потом перешел по ссылке, и допустим тоже самое с кнопками назад и перезагрузить страницу в браузере ?

Comments

[ниндзя оп оп]

отлавливайте переход на ссылки и перезагрузку

[Дмитрий Винокуров]

Анимация на JS? Если да, в конце функции делай переход. Если не на JS, делай setTimeout(функция, 1000);

[art style]

Дмитрий Винокуров, анимация с CSS. т.е.
клик по ссылке -> задержка -> в это время анимация на css или другая функция js -> переход по ссылке

я так понимаю универсальных параметров типа как выделить все ссылки или конкретные кнопки в браузере не бывает? надо выводить массив из всех<a>на странице?

[Stalker_RED]

art style, на кнопки назад=вперед повлиять не получится.
На ссылки можно навесить preventDefault. таймаут, и затем уже переход.

Answer 1

[stepa90]

Нажатие на ссылку это тот же onclick событие. Чтобы не происходил переход достаточно вернуть false.
Например

<a id="link" href="https://google.ru/">Нажми чтобы перейти на гугл</a>
<script type="text/javascript">
	document.getElementById('link').onclick = function(){
		if (!confirm('Вы точно хотите перейти?')) {
			return false;
		}
	}
</script>

Дальше думаю понятно. Можно например запустить анимацию через onclick, вернуть в нем false, а после завершения анимации отправить на нужный url... в общем фантазировать можно сколько угодно
По поводу перезагрузки страницы и перехода назад, это событие onbeforeunload, которое так же как onclick можно отменить. Читайте тут