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标签上的监听器现在捕获其子节点上的所有点击事件并解析出它们的href值。您可能希望使用jquery lib来进一步解析#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>

各种<a> elements</a>的单个事件监听器

1 个答案: