用于各种<a>元素

A single Event Listener for the various <a> elements

本文关键字：gt 元素 lt 用于      更新时间：2023-09-26

在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。

我希望这段代码能帮助您，附加在ul标记上的侦听器现在正在捕获其子级上的所有单击事件，并解析出它们的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>
相关文章：