對於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 事件。