如何使用href =“＃”显示所有元素的通知框？

Question

当用户点击属性为href="#"的元素时，我想在我的网站上显示“UNDER CONSTRUCTION”通知框。

我创建了一个函数，它使用属性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>

问题是，我只需要定位CLICKED元素。

任何方法？

Answer 1

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>