Question

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

我创建了一个函数，该函数以onclick属性为href="#"的所有元素为目标：

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>

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

1 个答案: