工作中遇到的mouseout 與mouseleave的問題

對於mouseout 和mouseleave 使用的區別:

主要有以下兩點:

不論鼠標指針離開被選元素還是他的子元素,都會觸發 mouseout 事件。

只有在鼠標指針離開被選元素時,纔會觸發 mouseleave 事件。

因此,在裏面還有子元素的情況下,則不應該用mouseout  應該選擇mouseleave;

補充 : 

1.mouseover() : 如果鼠標指針穿過任何子元素,同樣會觸發 mouseover 事件。

注:例中div使用了mouseover 事件,鼠標在進入div到span再出去,會觸發3次mouseover 事件;

2.mouseenter() : 只有在鼠標指針穿過被選元素時,纔會觸發 mouseenter 事件。

注:例中div使用了mouseenter 事件,鼠標在進入div到span再出去,會觸發1次mouseenter事件;

3.mouseout() : 如果鼠標指針離開任何子元素,同樣會觸發 mouseout 事件。

注:例中div使用了mouseout  事件,鼠標在進入div到span再出去,會觸發3次mouseout 事件;

4.mouseleave() : 只有在鼠標指針離開被選元素時,纔會觸發 mouseleave 事件。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章