關(guān)于事件mouseover ,mouseout ,mouseenter,mouseleave的區(qū)別
最近在做的在線考試和課程商城都遇到這樣的問題：就是鼠標(biāo)滑過的時(shí)候出現(xiàn)一個(gè)層，當(dāng)鼠標(biāo)滑到當(dāng)前層的話mouseover和mouseout在低版本的瀏覽器會(huì)出現(xiàn)閃動(dòng)的現(xiàn)象，解決這個(gè)現(xiàn)象的辦法有許多，不過我覺得有一種是最簡(jiǎn)單的那就是把mouseover和mouseout換成對(duì)應(yīng)的mouseenter和mouseleave。
當(dāng)鼠標(biāo)指針位于元素上方時(shí)，會(huì)發(fā)生 mouseover 事件。
該事件大多數(shù)時(shí)候會(huì)與 mouseout 事件一起使用。
注釋：與 mouseenter 事件不同，不論鼠標(biāo)指針穿過被選元素或其子元素，都會(huì)觸發(fā) mouseover 事件。只有在鼠標(biāo)指針穿過被選元素時(shí)，才會(huì)觸發(fā) mouseenter 事件。
注釋：與 mouseleave 事件不同，不論鼠標(biāo)指針離開被選元素還是任何子元素，都會(huì)觸發(fā) mouseout 事件。只有在鼠標(biāo)指針離開被選元素時(shí)，才會(huì)觸發(fā) mouseleave 事件。請(qǐng)看下面例子的演示。
當(dāng)鼠標(biāo)指針穿過元素時(shí)，會(huì)發(fā)生 mouseenter 事件。該事件大多數(shù)時(shí)候會(huì)與mouseleave 事件一起使用。
注意：mouseover ,mouseout當(dāng)鼠標(biāo)指針穿過被選元素子元素時(shí)，也會(huì)觸發(fā)事件。這在綁定事件時(shí)，有時(shí)出現(xiàn)意想不到的Bug可能就是由 mouseover mouseout 事件引起的
mouseover與mouseenter
不論鼠標(biāo)指針穿過被選元素或其子元素，都會(huì)觸發(fā) mouseover 事件。
只有在鼠標(biāo)指針穿過被選元素時(shí)，才會(huì)觸發(fā) mouseenter 事件。
mouseout與mouseleave
不論鼠標(biāo)指針離開被選元素還是任何子元素，都會(huì)觸發(fā) mouseout 事件。
只有在鼠標(biāo)指針離開被選元素時(shí)，才會(huì)觸發(fā) mouseleave 事件。
相關(guān)文章
javascritp實(shí)際上由三部分組成： ECMAScript，DOM, BOM 前兩者由工業(yè)標(biāo)準(zhǔn)，BOM尚比較混亂。2009-12-12
JavaScript實(shí)現(xiàn)的簡(jiǎn)單Tab點(diǎn)擊切換功能示例
這篇文章主要介紹了JavaScript實(shí)現(xiàn)的簡(jiǎn)單Tab點(diǎn)擊切換功能,涉及JavaScript事件響應(yīng)及頁面元素屬性動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2018-07-07
使用js/jquery獲取指定class名稱的3種方式總結(jié)
獲取class的值其實(shí)非常簡(jiǎn)單,這篇文章主要給大家介紹了關(guān)于總結(jié)使用js/jquery獲取指定class名稱的3種方式,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-03-03
js實(shí)現(xiàn)點(diǎn)擊每個(gè)li節(jié)點(diǎn)，都彈出其文本值及修改
本篇文章主要分享了js實(shí)現(xiàn)點(diǎn)擊每個(gè)li節(jié)點(diǎn)，都彈出其文本值及修改的實(shí)例代碼，具有很好的參考價(jià)值，需要的朋友一起來看下吧2016-12-12
微信小程序動(dòng)態(tài)顯示項(xiàng)目倒計(jì)時(shí)效果
這篇文章主要為大家詳細(xì)介紹了微信小程序動(dòng)態(tài)顯示項(xiàng)目倒計(jì)時(shí)，格式如4天7小時(shí)58分鐘39秒，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-06-06
詳解js中Number()、parseInt()和parseFloat()的區(qū)別
本文主要對(duì)js中Number()、parseInt()和parseFloat()的區(qū)別進(jìn)行詳細(xì)介紹，具有很好的參考價(jià)值，需要的朋友一起來看下吧2016-12-12
ES6中引入了迭代器與可迭代對(duì)象的概念，并且提供了對(duì)可迭代對(duì)象的相關(guān)支持，如for...of循環(huán)，Map(iterable)構(gòu)造器，展開語法...等。讓我們對(duì)數(shù)組外的數(shù)據(jù)集合的遍歷操作也得到極大簡(jiǎn)化2022-06-06
clientX,pageX,offsetX,x,layerX,screenX,offsetLeft區(qū)別分析
clientX,pageX,offsetX,x,layerX,screenX,offsetLeft區(qū)別分析，需要的朋友可以參考下。2010-03-03
js實(shí)現(xiàn)按鈕控制帶有停頓效果的圖片滾動(dòng)
這篇文章主要介紹了js實(shí)現(xiàn)按鈕控制帶有停頓效果的圖片滾動(dòng)，，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-08-08
為了提高網(wǎng)站的加載速度，有一個(gè)很重要的手段就是在用戶瀏覽過程中的上游網(wǎng)站做一個(gè)文件的預(yù)加載。2010-04-04