Непростой запрет перехода по всем ссылкам?

Question

[Sweet Cookies]

Друзья, как сделать запрет перехода по всем ссылкам событийно, НА чистом js, БЕЗ jquery,

<a href="https://toster.ru/">toster1</a> 
<a href="https://toster.ru/">toster2</a> 
<a href="https://toster.ru/">toster3</a>

Работает только с выборкой:

document.getElementsByTagName('a')[0].onclick = function() {
  return false;
};

или так

document.getElementByTagName('a')[0].addEventListener('click', function(e) {
   e.preventDefault();
}, false);

почему для всех элементов не работает: document.getElementsByTagName('a').onclick = function()........
Устал уже от этой простой и раздражительной задачи! дайте совет по делу,пожалуйста, чтобы не искать уже ничего!?

Вот млин, на jquery все всегда просто:

$(document).on('click','a', function(){ return false; });

все, строка кода! Натив обязательно мозг за**т!

Answer 1

[lemme]

document.addEventListener('click', function(e) {
     if (e.target.tagName === 'A') {
        return e.preventDefault()
     }
})

Comments

[Sweet Cookies]

Благодарю Вас!