經(jīng)過綁定元素時(shí)會(huì)多次觸發(fā)mouseover和mouseout事件
更新時(shí)間：2014年02月28日 16:47:55 作者：
經(jīng)過綁定元素時(shí)會(huì)多次觸發(fā)mouseover和mouseout事件，針對這個(gè)問題，下面有個(gè)不錯(cuò)的解決方法
javascript的mouseover和mouseout事件，在綁定元素內(nèi)部有子元素的情況下，
經(jīng)過綁定元素時(shí)會(huì)多次觸發(fā)mouseover和mouseout事件。
jquery解決辦法:
jquery的mouseenter和mouseleave方法已經(jīng)修復(fù)了這個(gè)問題，可以直接用來替代mouseover和mouseout
不過有個(gè)mouseenter和mouseleave有個(gè)小問題是，讓鼠標(biāo)從文檔外直接進(jìn)入綁定事件的元素時(shí)，mouseenter不生效
暫時(shí)解決辦法是，別讓綁定事件的元素靠瀏覽器邊緣，盡量留出至少1px間距。
另外，jquery的hover()方法,相當(dāng)于使用了mouseenter和mouseleave。也能解決mouseover和mouseout的問題。
經(jīng)過綁定元素時(shí)會(huì)多次觸發(fā)mouseover和mouseout事件。
jquery解決辦法:
jquery的mouseenter和mouseleave方法已經(jīng)修復(fù)了這個(gè)問題，可以直接用來替代mouseover和mouseout
不過有個(gè)mouseenter和mouseleave有個(gè)小問題是，讓鼠標(biāo)從文檔外直接進(jìn)入綁定事件的元素時(shí)，mouseenter不生效
暫時(shí)解決辦法是，別讓綁定事件的元素靠瀏覽器邊緣，盡量留出至少1px間距。
另外，jquery的hover()方法,相當(dāng)于使用了mouseenter和mouseleave。也能解決mouseover和mouseout的問題。
您可能感興趣的文章:
- 兼容ie和firefox的鼠標(biāo)經(jīng)過(onmouseover和onmouseout)實(shí)現(xiàn)--簡短版
- javascript 兼容FF的onmouseenter和onmouseleave的代碼
- javascript mouseover、mouseout停止事件冒泡的解決方案
- 跨瀏覽器的 mouseenter mouseleave 以及 compareDocumentPosition的使用說明
- 為非IE瀏覽器添加mouseenter,mouseleave事件的實(shí)現(xiàn)代碼
- onmouseover和onmouseout的一些問題思考
- Jquery利用mouseenter和mouseleave實(shí)現(xiàn)鼠標(biāo)經(jīng)過彈出層且可以點(diǎn)擊
- 關(guān)于事件mouseover ,mouseout ,mouseenter,mouseleave的區(qū)別
相關(guān)文章
取得傳值的函數(shù)...2006-10-10
這篇文章主要介紹了Object.keys方法實(shí)例詳解,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2023-09-09
最近微信小程序?qū)τ趯徍诵〕绦蛱岢隽藥в衱x.login、wx.getUserInfo接口的調(diào)整，并提出了一個(gè)新的接口供開發(fā)者調(diào)用，本文就詳細(xì)的介紹一下如何使用，感興趣的可以了解一下2021-06-06
JS中的算法與數(shù)據(jù)結(jié)構(gòu)之二叉查找樹（Binary Sort Tree）實(shí)例詳解
這篇文章主要介紹了JS中的算法與數(shù)據(jù)結(jié)構(gòu)之二叉查找樹（Binary Sort Tree）,結(jié)合實(shí)例形式詳細(xì)分析了二叉查找樹（Binary Sort Tree）的原理、定義、遍歷、查找、插入、刪除等常見操作技巧,需要的朋友可以參考下2019-08-08
這篇文章主要介紹了bootstrap 彈出框modal添加垂直方向滾軸效果,代碼簡單易懂，非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2018-07-07
javascript 字符 Escape,encodeURI,encodeURIComponent
下面是對字符串編碼轉(zhuǎn)換功能函數(shù)大家，大家可以根據(jù)實(shí)際需要選擇使用。2009-07-07
SVG動(dòng)畫vivus.js庫使用小結(jié)(實(shí)例代碼)
本文通過代碼給大家介紹SVG動(dòng)畫vivus.js庫使用小結(jié)，代碼簡單易懂，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下吧2017-09-09
JavaScript中16進(jìn)制顏色與rgb顏色互相轉(zhuǎn)換的示例代碼
這篇文章主要介紹了JavaScript中16進(jìn)制顏色與rgb顏色互相轉(zhuǎn)換的示例代碼,通過示例代碼介紹了JS 顏色16進(jìn)制、rgba相互轉(zhuǎn)換問題,感興趣的朋友一起看看吧2024-01-01
微信小程序?qū)崿F(xiàn)倒計(jì)時(shí)調(diào)用相機(jī)自動(dòng)拍照功能
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)倒計(jì)時(shí)調(diào)用相機(jī)自動(dòng)拍照功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-06-06
解決JSON.stringify()自動(dòng)將中文轉(zhuǎn)譯成unicode的問題
下面小編就為大家分享一篇解決JSON.stringify()自動(dòng)將中文轉(zhuǎn)譯成unicode的問題，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01