用于各种<a>元素的单个事件侦听器

Question

在JavaScript中，所有<a>元素只有一个监听器是可能的吗？

<ul>
    <li><a href="#1">1</a></li>
    <li><a href="#2">2</a></li>
    <li><a href="#3">3</a></li>
    <li><a href="#4">4</a></li>
    <li><a href="#5">5</a></li>
</ul>

该监听器应该接受一个值(例如#4)来更新某个div。

Answer 1

我希望这段代码能帮到你，附加在ul标签上的侦听器现在可以捕获它的子标签上的所有click事件，并解析出它们的href值。您可能希望使用jquery库进一步解析出#hrefvalue。

  <ul>
<li><a href="#1">1</a></li>
<li><a href="#2">2</a></li>
<li><a href="#3">3</a></li>
<li><a href="#4">4</a></li>
<li><a href="#5">5</a></li>
</ul>
<script>
document.getElementsByTagName("ul")[0].addEventListener("click", function(e){
e.preventDefault();
alert(e.target.href);
});
</script>