可以通过以下代码实现:

HTML:

<ul>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>

JavaScript:

const listItems = document.querySelectorAll('li');

listItems.forEach((item, index) => {
  item.addEventListener('mouseover', () => {
    console.log(index);
  });
});

首先,我们使用querySelectorAll()选择所有的li元素,并将它们存储在listItems变量中。

然后,我们使用forEach()方法遍历每个元素,并将其与其索引一起传递给回调函数。

在回调函数中,我们为每个元素添加一个鼠标悬停事件监听器。当鼠标悬停在元素上时,我们使用console.log()打印出该元素的索引。

鼠标滑过li获得下标

原文地址: https://www.cveoy.top/t/topic/vkD 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录