не работает onClick на теге <a>

264
04 марта 2018, 23:05

Всем доброго времени суток. Подскажите пожалуйста почему у меня не срабатывает событие вообще любое при наличии обработчика на ссылке (теге <a>), пробовал по разному addEventListener и document.getElementById('id ссылки').onclick = function(){/*тело функции*/} даже в HTMl писал onclick="name_function()", не работает хоть тресни а если вместо тега <a> повесить событие на <input type="button"> то все замечательно работает. В чем может быть причина? в консоли никаких ошибок нет мол браузер говорит что все ок!

Answer 1

document.getElementById('id').onclick = function() { 
  this.innerHTML = "good"; 
} 
document.getElementById('id1').addEventListener('click', function() { 
  this.innerHTML = "good"; 
})
<a href="#" id="id">link<a> 
<a href="#" id="id1">link22222<a>

Answer 2

Потому что при клике на тэг а происходит переход/навигация на другую (возможно - эту же самую) страницу.

document.getElementById('id ссылки').onclick = function(e){
  /*тело функции*/
  return false; // или e.preventDefault();
}

или

onclick="name_function();return false;"
READ ALSO
Задать семантично заголовок для списка nav или ul
HTML

Задать семантично заголовок для списка nav или ul

ПодменюЕсть вложенный список с заголовком

 354
Объединение свойств CSS
CSS

Объединение свойств CSS

Здравствуйте, возможно ли сократить данный код:

 266
тег в псевдоэлементе ::after
CSS

тег в псевдоэлементе ::after

Добрый деньЯ столкнулся со следующей проблемой: мне нужно поместить кнопку в псевдоэлемент

 302
Jquery Accordion Script
CSS

Jquery Accordion Script

При повторном нажатии, нужно чтобы закрывалось, в моем случае он заново раскрываетсяКак предотвратить это?

 349