IE中鼠標(biāo)經(jīng)過option觸發(fā)mouseout的解決方法
更新時(shí)間：2015年01月29日 11:53:35 作者：穗溪
這篇文章主要介紹了IE中鼠標(biāo)經(jīng)過option觸發(fā)mouseout的解決方法,分析了IE中鼠標(biāo)移到option時(shí)window.event.toElement返回值為null的原因及解決方法,需要的朋友可以參考下
本文實(shí)例講述了IE中鼠標(biāo)經(jīng)過option觸發(fā)mouseout的解決方法。分享給大家供大家參考。具體分析如下：
要實(shí)現(xiàn)的功能：
有一個(gè)DIV，當(dāng)鼠標(biāo)經(jīng)過時(shí)此DIV完全展開，當(dāng)鼠標(biāo)移開時(shí)DIV收縮回去，其中DIV里面有一個(gè)select選擇框；
操作select的時(shí)候在IE中會(huì)出現(xiàn)一個(gè)問題，當(dāng)鼠標(biāo)經(jīng)過option時(shí)，DIV會(huì)收縮回去，而在其他瀏覽器中無此現(xiàn)象。
解決的方法：
在IE中，當(dāng)鼠標(biāo)移到option時(shí) window.event.toElement 的值為null，在其他瀏覽器中的值為object；
當(dāng)鼠標(biāo)直接從DIV中移出時(shí) window.event.toElement 的值為object，其他瀏覽器也是；
綜上，可以在mouseout中添加下面代碼即可解決問題：
if (window.event.toElement == null) return;
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
您可能感興趣的文章:
- 兼容ie和firefox的鼠標(biāo)經(jīng)過(onmouseover和onmouseout)實(shí)現(xiàn)--簡短版
- javascript mouseover、mouseout停止事件冒泡的解決方案
- as3 rollOver or mouseOver使用說明
- 擴(kuò)展Jquery插件處理mouseover時(shí)內(nèi)部有子元素時(shí)發(fā)生樣式閃爍
- onmouseover和onmouseout的一些問題思考
- JS小功能(onmouseover實(shí)現(xiàn)選擇月份)實(shí)例代碼
- 經(jīng)過綁定元素時(shí)會(huì)多次觸發(fā)mouseover和mouseout事件
- jQuery中mouseover事件用法實(shí)例
- 鼠標(biāo)經(jīng)過子元素觸發(fā)mouseout，mouseover事件的解決方案
相關(guān)文章
“眼睛跟隨鼠標(biāo)轉(zhuǎn)動(dòng)效果”—— 265.com 把它放在網(wǎng)頁的LOGO里，用javascript來實(shí)現(xiàn)，這個(gè)創(chuàng)意不錯(cuò)！ 以前剛做FLASH的時(shí)候，用AS1實(shí)現(xiàn)過，今天下班早，在家簡寫了個(gè)：2008-02-02
基于javascript實(shí)現(xiàn)簡單計(jì)算器功能
這篇文章主要介紹了基于javascript實(shí)現(xiàn)簡單計(jì)算器功能的相關(guān)資料,需要的朋友可以參考下2016-01-01
淺析JavaScriptSerializer類的序列化與反序列化
本篇文章主要介紹了JavaScriptSerializer類 對(duì)象序列化與反序列化的方法、屬性以及實(shí)例代碼，有需要的朋友可以參考一下2016-11-11
下面的內(nèi)容介紹了#號(hào)的使用，因?yàn)樵趗rl中多個(gè)#號(hào)代表不同的意義與區(qū)別。2011-02-02
js toFixed()方法的重寫實(shí)現(xiàn)精度的統(tǒng)一
凡用過js 中的toFix() 方法的， 應(yīng)該都知道這個(gè)方法存在一個(gè)小小的BUG，在IE 下和FF 下對(duì)于小數(shù)的進(jìn)位有點(diǎn)不同2014-03-03
IE 緩存策略的BUG的解決方法...2007-07-07
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)多功能計(jì)算器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-10-10
這篇文章主要介紹了JS集合set類的實(shí)現(xiàn)與使用方法,結(jié)合具體實(shí)例形式分析了javascript集合的創(chuàng)建、元素添加、刪除以及并集、交集、補(bǔ)集等運(yùn)算相關(guān)操作技巧,需要的朋友可以參考下2019-02-02
JavaScript引擎實(shí)現(xiàn)async/await的方法實(shí)例
大家應(yīng)該都知道隨著Node 7的發(fā)布,越來越多的人開始研究據(jù)說是異步編程終級(jí)解決方案的async/await,下面這篇文章主要給大家介紹了關(guān)于JavaScript引擎是如何實(shí)現(xiàn)async/await的相關(guān)資料,需要的朋友可以參考下2022-03-03
JS使用getComputedStyle()方法獲取CSS屬性值
經(jīng)常會(huì)用到j(luò)s來獲取元素的CSS樣式，由于方法眾多，在下面的文章中為大家詳細(xì)整理下2014-04-04