2013-03-05 55 views
6

選中此fiddle outhttp://jsfiddle.net/abitdodgy/7rFb6/1/任何想法爲什麼mouseleave事件沒有註冊時快速移動光標?

當您將光標移動快的mouseleave事件有時不登記。這是爲什麼發生?

當您將鼠標懸停在選定的圖像上時,出現.controls圖層,您可以刪除選擇。然而,一旦你不在,.controls層應該消失。如果在層之間移動光標真的不會發生這種情況。

嘗試選擇圖像並在它們之間快速移動光標,您會注意到發生了這種情況。如果選擇了圖像,則除非您將圖層盤旋在圖層上,否則應該看不到圖層.controls

任何想法?

回答

3

嘗試將mouseleave事件綁定到包裝器div而不是單個元素,因爲它不會在.controlsshow()觸發器上徘徊。

this sample爲您工作?

我建議將z-index: 2;也添加到.controls元素中。

+0

鏈接關閉... – LinusGeffarth 2018-01-23 17:39:41

1

我快速地將我的激光鼠標移動到所有人身上,他們立即迴應。看起來問題與硬件的侷限性有關,而不是與軟件的一些特定問題,我很抱歉地說。

+0

你確定嗎?檢查出來:http://stackoverflow.com/questions/7331731/jquery-mouseleave-not-fired-on-container-when-moving-cursor-fast - 看起來我不是唯一的,雖然這樣做不解釋爲什麼。我使用的是MacBook Pro Retina,它發生在Chrome和Safari上。 – dee 2013-03-05 05:47:22

+0

確定只是爲了確保我在Firefox 19.0,Google Chrome 25.0.1364.152和Safari 6.0.2(8536.26.17)上對您和其他人的小提琴進行了測試,並且無法重現此問題。 – 2013-03-05 05:50:56

+0

這很奇怪。我也可以重新創建其他人的問題。嗯。。好。謝謝。在決定之前,我會讓它浮動一段時間!看看是否有其他人可以有一些輸入。 – dee 2013-03-05 05:54:59

相關問題