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è)計有所幫助。
您可能感興趣的文章:
- 兼容ie和firefox的鼠標經(jīng)過(onmouseover和onmouseout)實現(xiàn)--簡短版
- javascript mouseover、mouseout停止事件冒泡的解決方案
- as3 rollOver or mouseOver使用說明
- 擴展Jquery插件處理mouseover時內(nèi)部有子元素時發(fā)生樣式閃爍
- onmouseover和onmouseout的一些問題思考
- JS小功能(onmouseover實現(xiàn)選擇月份)實例代碼
- 經(jīng)過綁定元素時會多次觸發(fā)mouseover和mouseout事件
- jQuery中mouseover事件用法實例
- 鼠標經(jīng)過子元素觸發(fā)mouseout，mouseover事件的解決方案
相關(guān)文章
這篇文章主要介紹了詳解html-webpack-plugin用法全解，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-01-01
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)簡單搜索功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
這篇文章主要介紹了bootstrap響應(yīng)式工具使用的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-11-11
這篇文章主要介紹了微信小程序的宿主環(huán)境,包括scroll-view 組件的基本使用，text 組件的基本使用及rich-text 組件的基本使用，本文通過示例代碼給大家介紹的非常詳細，需要的朋友可以參考下2022-10-10
這篇文章主要為大家詳細介紹了js實現(xiàn)簡易ATM功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-10-10
這篇文章主要為大家詳細介紹了swiper插件自定義切換箭頭按鈕，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-12-12
這篇文章介紹了JS獲取農(nóng)歷日期具體實例，有需要的朋友可以參考一下2013-11-11
最近有項目要實現(xiàn)N級菜單，首先從布局入手，即判斷是否有下級菜單，具體實現(xiàn)代碼，大家可以參考下本文2017-05-05
這篇文章主要為大家詳細介紹了js實現(xiàn)拖動模態(tài)框，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
Bootstrap 表單驗證formValidation 實現(xiàn)遠程驗證功能
這篇文章主要介紹了Bootstrap 表單驗證formValidation 實現(xiàn)遠程驗證功能,需要的朋友可以參考下2017-05-05