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