Отмяна на действието по подразбиране в JavaScript

Понякога с JavaScript се налага да отменим действието на таг по подразбиране. Например, при натискане на връзка да се отмени преходът по тази връзка. Обикновено това е необходимо, когато използваме тази връзка само за стартиране на някакъв код. В този случай фактът, че при кликване на връзката ще се осъществи преход по нея, изобщо не е желателен за нас.

Отмяната на действието по подразбиране се извършва с помощта на обекта Event. За това той има специален метод preventDefault(), който трябва да се извика на всяко място в обработващия събития.

Нека опитаме на практика. Да кажем, че имаме следната връзка:

html<a href="/" id="elem">връзка</a>

Нека направим така, че при кликване на връзката да не се осъществява преход към друга страница:

javascriptlet elem = document.querySelector('#elem');

elem.addEventListener('click', function(event) {
  event.preventDefault();
  console.log('Не можете да преминете по тази връзка!');
});