鼠标移动事件，为什么底层元素不触发？

Question

为什么在大图上移动，小图并不会触发mouseover事件

 imgs[i].addEventListener('mousemove',function (e) {
            var event = e || window.event;
            if(event.target.nodeName==='IMG'){
                console.log('IMG')}

只在小图上移动有打印，一旦移动到大图上就没有了，这是什么原因
当移动到大图上时，不该是那个点的所有元素都触发事件吗？

Answer 1

没有在同一层，被遮住了，无法触发。

Answer 2

你这事件监听器只是针对所有img元素的，大图是id为big的div对吧，你没给它添加事件监听器...

Answer 3

$(".test").mouseover(function(){
alert("aaa");
}).find("*").mouseover(function(){return false;});
});

Answer 4

$(function(){$(".t a").mouseover(function(){
alert(1);
})

Answer 5

事件监听是加在img上的，大图没作用

Answer 6

你的事件估计是监听在ul下的img标签上了。

imgs[i].addEventListener('mousemove',function (e) 

在上面这句代码的外层，应该是一个for循环吧？

大图是在

 <div id='big'></div>

里面，没有被添加到事件。
如果你需要给大图添加事件，你需要为id='big'的div也加上mousemove事件。

如果你用jquery的话，可以使用

 $(document).ready(function () {
            $("body").delegate('img', 'mousemove', function () {这里写代码 });
        });