カーソルを速く動かすとmouseleaveイベントが登録されない理由は何ですか？

Question

チェックこのfiddle out：http://jsfiddle.net/abitdodgy/7rFb6/1/

カーソルがmouseleaveイベントが倍に登録しない高速移動。なぜこうなった？

選択した画像の上にマウスを移動すると、.controlsのレイヤーが表示され、選択を解除できます。いったん解除してしまえば、.controlsのレイヤーが消えるはずです。これは、レイヤー間でカーソルを非常に速く動かすと必ず起こるとは限りません。

画像を選択して、それらの間で非常に迅速にカーソルを移動すると、これが起こっていることがわかります。画像が選択されている場合は、レイヤー.controlsを上に置かないと表示されないはずです。

アイデア？

Answer 1

.controlsshow()トリガーではホバリングされていないため、mouseleaveイベントをラッパーdivにバインドしてください。

this sampleはお役に立ちますか？

z-index: 2;を.controls要素に追加することをお勧めします。

Answer 2

私は急いで私のすべてのレーザーマウスを私の上に移動させ、彼らは即座に反応しました。申し訳ありませんが、ソフトウェアの特定の問題ではなく、ハードウェアの制限に関連しているようです。