Назад Вперед Зміст

Об'єкт Event.Скасування дії

Іноді за допомогою JavaScript потрібно скасувати дію за замовчуванням. Наприклад, після натискання на посилання має відбутися деяка дія, при цьому переходу за посиланням не має статися. Зробити це можна двома способами. все залежить від того, як прив'язати подію: через атрибут типу onclick або через JavaScript

Якщо подія прив'язується через атрибут - скасувати за замовчуванням дію можна, якщо наприкінці атрибуту написати return: false, ось так: onclick="якийсь код; return: false;".

Розглянемо їхню дію на наступному прикладі: спробуйте перейти за посиланням або щось ввести в поле - у вас нічого не вийде:

<a href="/" onclick="return false;">ссылка</a>
<input onkeypress="return false;">

До return false може бути будь-який JavaScript код - він виконається, але дія користувача буде скасована.

А ось якщо подія прив'язується через JavaScript - то його дію можна скасувати за допомогою об'єкта Event, ось так: event.preventDefault().

Давайте зробимо так, щоб на кліку на посилання не відбувалося переходу на іншу сторінку:

<a href="/" id="link">ссылка</a>

var link = document.getElementById('link');
link.addEventListener('click', func);
function func(event) {
	event.preventDefault();
	alert('Ви не можете перейти за цим посиланням!');
}

Результат виконання коду:

Назад Вперед Зміст