鼠标事件将触发所有重叠元素

时间:2017-03-10 16:36:22

标签: javascript events mouseevent event-listener overlapping

我有重叠的div元素。 当任何元素被鼠标悬停时,我希望它上面的事件被触发。无论它是在顶部还是在下面。如果有三个重叠,他们应该全部开火。

因此,当所有这些控制台被覆盖时,控制台应该记录“一个”“两个”“三个”。 但是现在它只是记录了最重要的东西。

小提琴: https://jsfiddle.net/csepf7nk/6/

const divs = document.querySelectorAll('div');

divs.forEach(div => div.addEventListener('mousemove', function(e) {
    console.log(e.target.classList.value);
}));

是否可以以某种方式修改事件监听器? 或修改元素?

我看到了这个例子,但它会对我的项目产生很大影响。 http://jsfiddle.net/michaschwab/w0wufbtn/6/ 我正在寻找更简单的东西,因为我有大量的重叠元素。

0 个答案:

没有答案