javascript - JavaScript がマウスオーバー イベントを何度も適用しないようにする方法

Question

mouseoverイベントのテスト中に問題に気づきました。以下の例では、画像をホバーすると大きくなり、マウスを離すと元のサイズに戻りますが、マウスを何度も速く通過させると、大きくなったり小さくなったりし続けます。マウスのすべてのパスを記憶し、アニメーションを何度も再生し続けたかのように、数回。

これが実際の例です:ここでは 、マウスを画像上ですばやく動かし続け、マウスを離すと表示されます。

Answer 1

使用.stop():

$(this).stop().animate({width: "200px"}, 'fast');

http://jsfiddle.net/bR5cm/2/