javascript - javascript中图像上的鼠标移动箭头时出错？

Question

我是这里的演示

function mouseTagObject() {
    var x = document.getElementsByTagName("img")[0];
    x.addEventListener('mouseover', function(){document.getElementById('arrow').style.display = 'none';}, false);
    x.addEventListener('mouseout', function(){document.getElementById('arrow').style.display = 'block';}, false);
}
function mousemoveDiv(e) {
    document.getElementById('arrow').style.top = e.pageY - 10 + "px";
    document.getElementById('arrow').style.left = e.pageX - 15 + "px";
    mouseTagObject();
}
document.addEventListener('mousemove', mousemoveDiv, false);

和 html

当我鼠标移动image tag（缓慢）<div> tag而不是隐藏时，如何解决？

Answer 1

我承认，它给了我一分钟的滑倒。但是慢与快的事情就是这样做的。想象一下，为什么缓慢移动时它不起作用？好吧，看看你的鼠标。如果你移动得很快，按钮就会从鼠标下方伸出。但是如果你慢慢移动，按钮会一直停留在鼠标下方，这意味着它永远不会真正进入图像。去掉那个按钮或者把它放在光标旁边，而不是在它下面。

另外，为什么要从 mousemove 处理程序中添加事件侦听器？每次鼠标移动时，您都将重新添加这些侦听器。