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

前端之家收集整理的这篇文章主要介绍了javascript – 如何在鼠标悬停父项时获取子项的ID前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我想我的问题很简单,但我是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

原文链接:https://www.f2er.com/html/426007.html

猜你在找的HTML相关文章