扫码关注官方订阅号
在一个ul下有多个li，li里面有一个a标签。用事件委托将li的click事件绑定在ul上，如何判断是否点了li这个元素？我点了li会触发，但是点蓝色的a标签却不会触发，如何实现点了a标签页触发这个事件？
这是a的元素li中的元素 第二个 var p = document.getElementById("p"); p.onclick = function (event) { if(event.target.nodeName == 'LI'){ alert("li"); } };
并不是不触发整个事件，而是触发了，只不过event.target不是a标签的父元素<li><a>这是a的元素</a>li中的元素</li>,而是a标签本身<a>这是a的元素</a>。自然，event.target.nodeName不等于LI了
function getNode(node) { if (node.nodeName === 'LI') { return node; } else { return getNode(node.parentNode); } }
getNode(eventTarget)就永远返回目标节点最紧临的那个父辈或着祖先 LI元素了。
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
0 
1
1375
收藏
并不是不触发整个事件，而是触发了，只不过event.target不是a标签的父元素<li><a>这是a的元素</a>li中的元素</li>,而是a标签本身<a>这是a的元素</a>。自然，event.target.nodeName不等于LI了
function getNode(node) { if (node.nodeName === 'LI') { return node; } else { return getNode(node.parentNode); } }getNode(eventTarget)就永远返回目标节点最紧临的那个父辈或着祖先 LI元素了。