首頁 > web前端 > js教程 > 關於事件mouseover ,mouseout ,mouseenter,mouseleave的區別_javascript技巧

關於事件mouseover ,mouseout ,mouseenter,mouseleave的區別_javascript技巧

WBOY
發布: 2016-05-16 15:37:00
原創
1332 人瀏覽過

最近在做的線上考試和課程商城都遇到這樣的問題:就是滑鼠滑過的時候出現一個層,當滑鼠滑到當前層的話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 事件。

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板