Javascript 一个单一事件侦听器,用于各种<;a>;元素
在Javascript 一个单一事件侦听器,用于各种<;a>;元素,javascript,Javascript,在JavaScript中,所有 该侦听器应该获取一个值(例如#4)来更新某些div.我希望这段代码可以帮助您,附加在ul标签上的侦听器现在正在捕获其子项上的所有单击事件并解析出它们的href值。您可能希望使用jquery库进一步解析#hrefvalue <ul> <li><a href="#1">1</a></li> <li><a href="#2">2</a></li>
JavaScript
中,所有
该侦听器应该获取一个值(例如
#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>
document.getElementsByTagName(“ul”)[0]。addEventListener(“单击”,函数(e){
e、 预防默认值();
警报(e.target.href);
});
JQuery提供了使用on委托为一组元素连接单个处理程序的简单方法。请参阅@TGH而不使用JQuery。当然,只需将侦听器绑定到ul
,然后执行event.target.hash
即可获得数字@眯着眼睛冷静。这就是我想听的。谢谢。e.target
不是跨平台的,请尝试e.target | | e.src元素
<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>