DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 關於事件mouseover ,mouseout ,mouseenter,mouseleave的區別
關於事件mouseover ,mouseout ,mouseenter,mouseleave的區別
編輯:關於JavaScript     

最近在做的在線考試和課程商城都遇到這樣的問題:就是鼠標滑過的時候出現一個層,當鼠標滑到當前層的話mouseover和mouseout在低版本的浏覽器會出現閃動的現象,解決這個現象的辦法有許多,不過我覺得有一種是最簡單的那就是把mouseover和mouseout換成對應的mouseenter和mouseleave。

當鼠標指針位於元素上方時,會發生 mouseover 事件。

該事件大多數時候會與 mouseout 事件一起使用。

注釋:與 mouseenter 事件不同,不論鼠標指針穿過被選元素或其子元素,都會觸發 mouseover 事件。只有在鼠標指針穿過被選元素時,才會觸發 mouseenter 事件。

注釋:與 mouseleave 事件不同,不論鼠標指針離開被選元素還是任何子元素,都會觸發 mouseout 事件。只有在鼠標指針離開被選元素時,才會觸發 mouseleave 事件。請看下面例子的演示。

當鼠標指針穿過元素時,會發生 mouseenter 事件。該事件大多數時候會與mouseleave 事件一起使用。

注意:mouseover ,mouseout當鼠標指針穿過被選元素子元素時,也會觸發事件。這在綁定事件時,有時出現意想不到的Bug可能就是由 mouseover mouseout 事件引起的

mouseover與mouseenter

不論鼠標指針穿過被選元素或其子元素,都會觸發 mouseover 事件。

只有在鼠標指針穿過被選元素時,才會觸發 mouseenter 事件。

mouseout與mouseleave

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

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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved