遇到的問題闡述:當鼠標移入黑色框的時候,橙色框執行淡入動畫,但是當鼠標從黑色框經過粉色框的時候,橙色框就消失了,然后又執行一遍淡入動畫。當鼠標從粉色框移出到黑色框的時候,橙色框的淡入動畫又被執行。這不是我想要的。
初期代碼:
不論鼠標指針穿過被選元素或其子元素,都會觸發 mouseover 事件。
只有在鼠標指針從元素外穿入被選元素(到元素內)時,才會觸發 mouseenter 事件。mouseout與mouseleave
不論鼠標指針離開被選元素還是任何子元素,都會觸發 mouseout 事件。
只有在鼠標指針從元素內穿出被選元素(到元素外)時,才會觸發 mouseleave 事件。可以看一個簡單的例子看看二者的區別
所以改進的代碼可以為
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
鼠標經過子元素觸發mouseout,mouseover事件的解決方案_javascript技巧
鼠標經過子元素觸發mouseout,mouseover事件的解決方案_javascript技巧:我想實現的目標:當鼠標進入黑色框時,橙色框執行淡入動畫;當黑色框范圍移動的時候(即使經過粉色框,動畫仍然不被觸發);當鼠標移出的時候,橙色方塊消失。 遇到的問題闡述:當鼠標移入黑色框的時候,橙色框執行淡入動畫,但是當鼠標從黑色框經過粉色框的推薦度:
- 熱門焦點
最新推薦
猜你喜歡
熱門推薦