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