javascript – 如何在鼠标悬停父项时获取子项的ID

发布时间：2020-12-14 22:52:27 所属栏目：资源来源：网络整理

导读：我想我的问题很简单,但我是javascript的真正初学者,我找不到我要找的东西：当鼠标在nav或ul上时,我正试图获取li的ID 我的HTML结构将是：所以我的目标是在每个li上监听mouSEOver(和mouSEOut)事件,但是一个带有10个监听器(5 li)的脚本太脏了这就是为什么我

我想我的问题很简单,但我是javascript的真正初学者,我找不到我要找的东西：

当鼠标在nav或ul上时,我正试图获取li的ID …
我的HTML结构将是：


所以我的目标是在每个li上监听mouSEOver(和mouSEOut)事件,但是一个带有10个监听器(5 li)的脚本太脏了……
这就是为什么我想到一个像这样的脚本：

var menu = document.getElementById("menu");
menu.addEventListener('mouSEOver',myFunction,false);

function myFunction () {
//something that get the ID of the 

但如果有更好的解决方案,我会很高兴知道它！ (我想留在纯粹的js)


最佳答案
要获取悬停元素的ID,您需要使用event.target.
为此,您需要将事件作为函数中的参数传递.
然后,您可以获得该元素的.id属性.

function myFunction(event) {
    show_result.innerHTML = event.target.id;
}

演示here
                        （编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!