IE中鼠標(biāo)經(jīng)過option觸發(fā)mouseout的解決方法
本文實(shí)例講述了IE中鼠標(biāo)經(jīng)過option觸發(fā)mouseout的解決方法。分享給大家供大家參考。具體分析如下:
要實(shí)現(xiàn)的功能:
有一個DIV,當(dāng)鼠標(biāo)經(jīng)過時此DIV完全展開,當(dāng)鼠標(biāo)移開時DIV收縮回去,其中DIV里面有一個select選擇框;
操作select的時候在IE中會出現(xiàn)一個問題,當(dāng)鼠標(biāo)經(jīng)過option時,DIV會收縮回去,而在其他瀏覽器中無此現(xiàn)象。
解決的方法:
在IE中,當(dāng)鼠標(biāo)移到option時 window.event.toElement 的值為null,在其他瀏覽器中的值為object;
當(dāng)鼠標(biāo)直接從DIV中移出時 window.event.toElement 的值為object,其他瀏覽器也是;
綜上,可以在mouseout中添加下面代碼即可解決問題:
if (window.event.toElement == null) return;
希望本文所述對大家的javascript程序設(shè)計(jì)有所幫助。
- 兼容ie和firefox的鼠標(biāo)經(jīng)過(onmouseover和onmouseout)實(shí)現(xiàn)--簡短版
- javascript mouseover、mouseout停止事件冒泡的解決方案
- as3 rollOver or mouseOver使用說明
- 擴(kuò)展Jquery插件處理mouseover時內(nèi)部有子元素時發(fā)生樣式閃爍
- onmouseover和onmouseout的一些問題思考
- JS小功能(onmouseover實(shí)現(xiàn)選擇月份)實(shí)例代碼
- 經(jīng)過綁定元素時會多次觸發(fā)mouseover和mouseout事件
- jQuery中mouseover事件用法實(shí)例
- 鼠標(biāo)經(jīng)過子元素觸發(fā)mouseout,mouseover事件的解決方案
相關(guān)文章
基于javascript實(shí)現(xiàn)簡單計(jì)算器功能
這篇文章主要介紹了基于javascript實(shí)現(xiàn)簡單計(jì)算器功能的相關(guān)資料,需要的朋友可以參考下2016-01-01淺析JavaScriptSerializer類的序列化與反序列化
本篇文章主要介紹了JavaScriptSerializer類 對象序列化與反序列化的方法、屬性以及實(shí)例代碼,有需要的朋友可以參考一下2016-11-11js toFixed()方法的重寫實(shí)現(xiàn)精度的統(tǒng)一
凡用過js 中的toFix() 方法的, 應(yīng)該都知道這個方法存在一個小小的BUG,在IE 下和FF 下對于小數(shù)的進(jìn)位有點(diǎn)不同2014-03-03JavaScript引擎實(shí)現(xiàn)async/await的方法實(shí)例
大家應(yīng)該都知道隨著Node 7的發(fā)布,越來越多的人開始研究據(jù)說是異步編程終級解決方案的async/await,下面這篇文章主要給大家介紹了關(guān)于JavaScript引擎是如何實(shí)現(xiàn)async/await的相關(guān)資料,需要的朋友可以參考下2022-03-03JS使用getComputedStyle()方法獲取CSS屬性值
經(jīng)常會用到j(luò)s來獲取元素的CSS樣式,由于方法眾多,在下面的文章中為大家詳細(xì)整理下2014-04-04