0

私はここでデモです

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移動すると、どうすれば修正できますか？

4

1 に答える 1

2

私は認めます、それは私に1分間のスリップを与えました. しかし、遅い対速いということは、それが何をしたかです。想像してみてください、なぜゆっくり動いているときにうまくいかないのでしょうか? さて、あなたのマウスを見てください。非常に速く移動すると、ボタンがマウスの下から出てきます。しかし、ゆっくり動かすと、ボタンはずっとマウスの下に留まり、実際には画像に入ることはありません。そのボタンを取り除くか、カーソルの下ではなく横に配置します。

また、なぜ mousemove ハンドラー内からイベント リスナーを追加するのですか? マウスが動くたびに、これらのリスナーを再度追加します。

于 2013-03-13T15:25:35.863 に答える