經(jīng)過(guò)綁定元素時(shí)會(huì)多次觸發(fā)mouseover和mouseout事件
更新時(shí)間：2014年02月28日 16:47:55 作者：
經(jīng)過(guò)綁定元素時(shí)會(huì)多次觸發(fā)mouseover和mouseout事件，針對(duì)這個(gè)問(wèn)題，下面有個(gè)不錯(cuò)的解決方法
javascript的mouseover和mouseout事件，在綁定元素內(nèi)部有子元素的情況下，
經(jīng)過(guò)綁定元素時(shí)會(huì)多次觸發(fā)mouseover和mouseout事件。
jquery解決辦法:
jquery的mouseenter和mouseleave方法已經(jīng)修復(fù)了這個(gè)問(wèn)題，可以直接用來(lái)替代mouseover和mouseout
不過(guò)有個(gè)mouseenter和mouseleave有個(gè)小問(wèn)題是，讓鼠標(biāo)從文檔外直接進(jìn)入綁定事件的元素時(shí)，mouseenter不生效
暫時(shí)解決辦法是，別讓綁定事件的元素靠瀏覽器邊緣，盡量留出至少1px間距。
另外，jquery的hover()方法,相當(dāng)于使用了mouseenter和mouseleave。也能解決mouseover和mouseout的問(wèn)題。
經(jīng)過(guò)綁定元素時(shí)會(huì)多次觸發(fā)mouseover和mouseout事件。
jquery解決辦法:
jquery的mouseenter和mouseleave方法已經(jīng)修復(fù)了這個(gè)問(wèn)題，可以直接用來(lái)替代mouseover和mouseout
不過(guò)有個(gè)mouseenter和mouseleave有個(gè)小問(wèn)題是，讓鼠標(biāo)從文檔外直接進(jìn)入綁定事件的元素時(shí)，mouseenter不生效
暫時(shí)解決辦法是，別讓綁定事件的元素靠瀏覽器邊緣，盡量留出至少1px間距。
另外，jquery的hover()方法,相當(dāng)于使用了mouseenter和mouseleave。也能解決mouseover和mouseout的問(wèn)題。
您可能感興趣的文章:
- 兼容ie和firefox的鼠標(biāo)經(jīng)過(guò)(onmouseover和onmouseout)實(shí)現(xiàn)--簡(jiǎn)短版
- javascript 兼容FF的onmouseenter和onmouseleave的代碼
- javascript mouseover、mouseout停止事件冒泡的解決方案
- 跨瀏覽器的 mouseenter mouseleave 以及 compareDocumentPosition的使用說(shuō)明
- 為非IE瀏覽器添加mouseenter,mouseleave事件的實(shí)現(xiàn)代碼
- onmouseover和onmouseout的一些問(wèn)題思考
- Jquery利用mouseenter和mouseleave實(shí)現(xiàn)鼠標(biāo)經(jīng)過(guò)彈出層且可以點(diǎn)擊
- 關(guān)于事件mouseover ,mouseout ,mouseenter,mouseleave的區(qū)別
相關(guān)文章
JAVASCRIPT是AJAX技術(shù)中不可或缺的一部分，所以想學(xué)好AJAX以及現(xiàn)在流行的AJAX框架，學(xué)好JAVASCRIPT是最重要的。這章我給大家整理了一些JAVASCRIPT的基礎(chǔ)知識(shí)、常用代碼和事件匯總。2015-08-08
FireFox中textNode分片的問(wèn)題...2007-04-04
JS中比較兩個(gè)Object數(shù)組是否相等方法實(shí)例
在本篇文章里小編給大家整理的是一篇關(guān)于JS中比較兩個(gè)Object數(shù)組是否相等方法實(shí)例內(nèi)容，有需要的朋友們學(xué)習(xí)下。2019-11-11
這篇文章主要為大家詳細(xì)介紹了Openlayers顯示地理位置坐標(biāo)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-09-09
JavaScript動(dòng)態(tài)操作select下拉框
這篇文章介紹了JavaScript動(dòng)態(tài)操作select下拉框的方法，文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-04-04
rpx是微信小程序新推出的一個(gè)單位，按官方的定義，rpx可以根據(jù)屏幕寬度進(jìn)行自適應(yīng)，在rpx出現(xiàn)之前，web頁(yè)面的自適應(yīng)布局已經(jīng)有了多種解決方案，為什么微信還搗鼓出新的rpx單位？下面通過(guò)這篇文章來(lái)一起看看吧。2016-12-12
JS具有阻塞特性,當(dāng)瀏覽器在執(zhí)行js代碼時(shí),不能同時(shí)做其它事情,下面這篇文章主要給大家介紹了關(guān)于js與css阻塞問(wèn)題的相關(guān)資料,需要的朋友可以參考下2021-07-07
前端解決跨域問(wèn)題nmp安裝http-server的問(wèn)題
這篇文章主要介紹了前端解決跨域問(wèn)題-nmp安裝http-server的問(wèn)題，本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-07-07
這篇文章主要介紹了使用webpack和rollup打包組件庫(kù)的方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-02-02
JS實(shí)現(xiàn)滾動(dòng)條觸底加載更多
這篇文章主要介紹了JS滾動(dòng)條觸底加載更多,需要的朋友可以參考下2019-09-09