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;
希望本文所述對大家的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)文章
這篇文章主要介紹了詳解html-webpack-plugin用法全解，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-01-01
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)簡單搜索功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
這篇文章主要介紹了bootstrap響應(yīng)式工具使用的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-11-11
微信小程序的宿主環(huán)境實(shí)現(xiàn)代碼
這篇文章主要介紹了微信小程序的宿主環(huán)境,包括scroll-view 組件的基本使用，text 組件的基本使用及rich-text 組件的基本使用，本文通過示例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下2022-10-10
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)簡易ATM功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-10-10
這篇文章主要為大家詳細(xì)介紹了swiper插件自定義切換箭頭按鈕，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-12-12
這篇文章介紹了JS獲取農(nóng)歷日期具體實(shí)例，有需要的朋友可以參考一下2013-11-11
最近有項(xiàng)目要實(shí)現(xiàn)N級菜單，首先從布局入手，即判斷是否有下級菜單，具體實(shí)現(xiàn)代碼，大家可以參考下本文2017-05-05
js實(shí)現(xiàn)拖動(dòng)模態(tài)框
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)拖動(dòng)模態(tài)框，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
Bootstrap 表單驗(yàn)證formValidation 實(shí)現(xiàn)遠(yuǎn)程驗(yàn)證功能
這篇文章主要介紹了Bootstrap 表單驗(yàn)證formValidation 實(shí)現(xiàn)遠(yuǎn)程驗(yàn)證功能,需要的朋友可以參考下2017-05-05