最近在做的在線考試和課程商城都遇到這樣的問(wèn)題：就是鼠標(biāo)滑過(guò)的時(shí)候出現(xiàn)一個(gè)層，當(dāng)鼠標(biāo)滑到當(dāng)前層的話mouseover和mouseout在低版本的瀏覽器會(huì)出現(xiàn)閃動(dòng)的現(xiàn)象，解決這個(gè)現(xiàn)象的辦法有許多，不過(guò)我覺(jué)得有一種是最簡(jiǎn)單的那就是把mouseover和mouseout換成對(duì)應(yīng)的mouseenter和mouseleave。

當(dāng)鼠標(biāo)指針位于元素上方時(shí)，會(huì)發(fā)生 mouseover 事件。

該事件大多數(shù)時(shí)候會(huì)與 mouseout 事件一起使用。

注釋：與 mouseenter 事件不同，不論鼠標(biāo)指針穿過(guò)被選元素或其子元素，都會(huì)觸發(fā) mouseover 事件。只有在鼠標(biāo)指針穿過(guò)被選元素時(shí)，才會(huì)觸發(fā) mouseenter 事件。

注釋：與 mouseleave 事件不同，不論鼠標(biāo)指針離開(kāi)被選元素還是任何子元素，都會(huì)觸發(fā) mouseout 事件。只有在鼠標(biāo)指針離開(kāi)被選元素時(shí)，才會(huì)觸發(fā) mouseleave 事件。請(qǐng)看下面例子的演示。

當(dāng)鼠標(biāo)指針穿過(guò)元素時(shí)，會(huì)發(fā)生 mouseenter 事件。該事件大多數(shù)時(shí)候會(huì)與mouseleave 事件一起使用。

注意：mouseover ,mouseout當(dāng)鼠標(biāo)指針穿過(guò)被選元素子元素時(shí)，也會(huì)觸發(fā)事件。這在綁定事件時(shí)，有時(shí)出現(xiàn)意想不到的Bug可能就是由 mouseover mouseout 事件引起的

mouseover與mouseenter

不論鼠標(biāo)指針穿過(guò)被選元素或其子元素，都會(huì)觸發(fā) mouseover 事件。

只有在鼠標(biāo)指針穿過(guò)被選元素時(shí)，才會(huì)觸發(fā) mouseenter 事件。

mouseout與mouseleave

不論鼠標(biāo)指針離開(kāi)被選元素還是任何子元素，都會(huì)觸發(fā) mouseout 事件。

只有在鼠標(biāo)指針離開(kāi)被選元素時(shí)，才會(huì)觸發(fā) mouseleave 事件。

最新評(píng)論