IE中鼠標經(jīng)過option觸發(fā)mouseout的解決方法

更新時間：2015年01月29日 11:53:35 作者：穗溪

這篇文章主要介紹了IE中鼠標經(jīng)過option觸發(fā)mouseout的解決方法,分析了IE中鼠標移到option時window.event.toElement返回值為null的原因及解決方法,需要的朋友可以參考下

本文實例講述了IE中鼠標經(jīng)過option觸發(fā)mouseout的解決方法。分享給大家供大家參考。具體分析如下：

要實現(xiàn)的功能：

有一個DIV，當鼠標經(jīng)過時此DIV完全展開，當鼠標移開時DIV收縮回去，其中DIV里面有一個select選擇框；

操作select的時候在IE中會出現(xiàn)一個問題，當鼠標經(jīng)過option時，DIV會收縮回去，而在其他瀏覽器中無此現(xiàn)象。

解決的方法：

在IE中，當鼠標移到option時 window.event.toElement 的值為null，在其他瀏覽器中的值為object；

當鼠標直接從DIV中移出時 window.event.toElement 的值為object，其他瀏覽器也是；

綜上，可以在mouseout中添加下面代碼即可解決問題：

if (window.event.toElement == null) return;

希望本文所述對大家的javascript程序設(shè)計有所幫助。

您可能感興趣的文章:

相關(guān)文章

javascript簡寫效果“神秘的眼睛”
“眼睛跟隨鼠標轉(zhuǎn)動效果”—— 265.com 把它放在網(wǎng)頁的LOGO里，用javascript來實現(xiàn)，這個創(chuàng)意不錯！以前剛做FLASH的時候，用AS1實現(xiàn)過，今天下班早，在家簡寫了個：
2008-02-02
基于javascript實現(xiàn)簡單計算器功能
這篇文章主要介紹了基于javascript實現(xiàn)簡單計算器功能的相關(guān)資料,需要的朋友可以參考下
2016-01-01
淺析JavaScriptSerializer類的序列化與反序列化
本篇文章主要介紹了JavaScriptSerializer類對象序列化與反序列化的方法、屬性以及實例代碼，有需要的朋友可以參考一下
2016-11-11
URL地址中的#符號使用說明
下面的內(nèi)容介紹了#號的使用，因為在url中多個#號代表不同的意義與區(qū)別。
2011-02-02
js toFixed()方法的重寫實現(xiàn)精度的統(tǒng)一
凡用過js 中的toFix() 方法的，應(yīng)該都知道這個方法存在一個小小的BUG，在IE 下和FF 下對于小數(shù)的進位有點不同
2014-03-03
IE 緩存策略的BUG的解決方法
IE 緩存策略的BUG的解決方法...
2007-07-07
JS實現(xiàn)多功能計算器
這篇文章主要為大家詳細介紹了JS實現(xiàn)多功能計算器，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-10-10
JS集合set類的實現(xiàn)與使用方法示例
這篇文章主要介紹了JS集合set類的實現(xiàn)與使用方法,結(jié)合具體實例形式分析了javascript集合的創(chuàng)建、元素添加、刪除以及并集、交集、補集等運算相關(guān)操作技巧,需要的朋友可以參考下
2019-02-02
JavaScript引擎實現(xiàn)async/await的方法實例
大家應(yīng)該都知道隨著Node 7的發(fā)布,越來越多的人開始研究據(jù)說是異步編程終級解決方案的async/await,下面這篇文章主要給大家介紹了關(guān)于JavaScript引擎是如何實現(xiàn)async/await的相關(guān)資料,需要的朋友可以參考下
2022-03-03
JS使用getComputedStyle()方法獲取CSS屬性值
經(jīng)常會用到j(luò)s來獲取元素的CSS樣式，由于方法眾多，在下面的文章中為大家詳細整理下
2014-04-04