Как отобразить окно уведомления по щелчку для всех элементов с href = "#"? - PullRequest
0 голосов
/ 06 сентября 2018

Я хотел бы отображать окно уведомления «ПОД КОНСТРУКЦИЮ» на моем веб-сайте каждый раз, когда пользователь нажимает на элемент с атрибутом href="#".

Я создал функцию, которая нацелена на все элементы с атрибутом href="#" onclick:

document.addEventListener('click', function(e) {
  var allElements = document.getElementsByTagName('*');
  for (var i = 0, n = allElements.length; i < n; i++)
  {
    if (allElements[i].getAttribute('href') == '#')
    {
     allElements[i].style.display = 'none';
    }
}})
<a href="#">Stuff</a><br>
<a href="#">More stuff</a>
<button>Btn</button>

Проблема в том, что мне нужно настроить таргетинг только на НАКЛОНЕННЫЕ элементы.

Есть какие-нибудь подходы?

1 Ответ

0 голосов
/ 06 сентября 2018

document.addEventListener('click', function(e){
    e = e || window.event; /* Point to clicked element */
    var h = e.target; /* Get clicked element */
    if (h.getAttribute('href') == '#'){alert('woot')}})
<a href="#">Stuff</a><br>
<a href="##">More stuff</a>
<button>Btn</button>
...