在沒有jQuery 的情況下處理帶有子元素的絕對Div 中的Mouseout 事件
處理絕對定位的div 時,處理mouseout 事件可能具有挑戰性。預設情況下,如果滑鼠懸停在父 div 內的子元素上,則在滑鼠退出外部 div 之前,mouseout 事件會提前觸發。
要解決此問題,請考慮使用 onmouseleave 事件偵聽器而不是 onmouseout。與 onmouseout 不同,onmouseleave 僅在滑鼠退出元素邊界時觸發,確保嵌套子元素不會觸發該事件。
或者,如果您喜歡使用jQuery:
$(".outer").mouseleave(function() { // Your code here });
此方法可讓您在滑鼠退出父 div 時定義適當的行為,無論它是否與其中的任何子元素互動。
免責聲明: 提供的所有資源部分來自互聯網,如果有侵犯您的版權或其他權益,請說明詳細緣由並提供版權或權益證明然後發到郵箱:[email protected] 我們會在第一時間內為您處理。
Copyright© 2022 湘ICP备2022001581号-3