關(guān)于事件mouseover ,mouseout ,mouseenter,mouseleave的區(qū)別
最近在做的在線考試和課程商城都遇到這樣的問題：就是鼠標滑過的時候出現(xiàn)一個層，當鼠標滑到當前層的話mouseover和mouseout在低版本的瀏覽器會出現(xiàn)閃動的現(xiàn)象，解決這個現(xiàn)象的辦法有許多，不過我覺得有一種是最簡單的那就是把mouseover和mouseout換成對應(yīng)的mouseenter和mouseleave。
當鼠標指針位于元素上方時，會發(fā)生 mouseover 事件。
該事件大多數(shù)時候會與 mouseout 事件一起使用。
注釋：與 mouseenter 事件不同，不論鼠標指針穿過被選元素或其子元素，都會觸發(fā) mouseover 事件。只有在鼠標指針穿過被選元素時，才會觸發(fā) mouseenter 事件。
注釋：與 mouseleave 事件不同，不論鼠標指針離開被選元素還是任何子元素，都會觸發(fā) mouseout 事件。只有在鼠標指針離開被選元素時，才會觸發(fā) mouseleave 事件。請看下面例子的演示。
當鼠標指針穿過元素時，會發(fā)生 mouseenter 事件。該事件大多數(shù)時候會與mouseleave 事件一起使用。
注意：mouseover ,mouseout當鼠標指針穿過被選元素子元素時，也會觸發(fā)事件。這在綁定事件時，有時出現(xiàn)意想不到的Bug可能就是由 mouseover mouseout 事件引起的
mouseover與mouseenter
不論鼠標指針穿過被選元素或其子元素，都會觸發(fā) mouseover 事件。
只有在鼠標指針穿過被選元素時，才會觸發(fā) mouseenter 事件。
mouseout與mouseleave
不論鼠標指針離開被選元素還是任何子元素，都會觸發(fā) mouseout 事件。
只有在鼠標指針離開被選元素時，才會觸發(fā) mouseleave 事件。
相關(guān)文章
javascript中的altKey 和 Event屬性大全
本文給大家介紹javascript中的altkey和event屬性大全，涉及到altkey和event屬性語法定義及用法，本文介紹的非常詳細，感興趣的朋友一起看看吧2015-11-11
這篇文章主要給大家介紹了關(guān)于js中的深淺拷貝問題的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家學習或者使用js具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2019-05-05
這篇文章主要為大家介紹了Aptos?SDK交互實現(xiàn)過程詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-03-03
JavaScript在ES6版本后提供了一些更加便捷的方法供開發(fā)者使用,實現(xiàn)原理其實是在對應(yīng)的構(gòu)造函數(shù)原型提供方法,下面這篇文章主要給大家介紹了關(guān)于es6中some和every方法使用的相關(guān)資料,需要的朋友可以參考下2023-04-04
javascript二維數(shù)組和對象的深拷貝與淺拷貝實例分析
這篇文章主要介紹了javascript二維數(shù)組和對象的深拷貝與淺拷貝,結(jié)合實例形式分析了JavaScript針對數(shù)組與對象的深拷貝及淺拷貝相關(guān)操作技巧,需要的朋友可以參考下2019-10-10
javascript getElementsByClassName實現(xiàn)代碼
根據(jù)元素clsssName得到元素集合的函數(shù)，需要的朋友可以參考下。2010-10-10
本文主要對Javascript的外部對象進行介紹，列舉了具體實例。便于理解。有需要的朋友可以看下2016-12-12
一個不錯的應(yīng)用,用于提交獲取文章內(nèi)容，不推薦用
一個不錯的應(yīng)用,用于提交獲取文章內(nèi)容，不推薦用...2007-03-03
微信小程序?qū)崿F(xiàn)用戶登錄模塊服務(wù)器搭建
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)用戶登錄模塊服務(wù)器搭建，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2021-05-05
這篇文章主要介紹了如何利用JavaScript實現(xiàn)動態(tài)跟隨特效，文中的示例代碼講解詳細，對我們學習JS有一定的幫助，感興趣的小伙伴可以了解一下2022-06-06