本文實(shí)例講述了IE中鼠標(biāo)經(jīng)過(guò)option觸發(fā)mouseout的解決方法。分享給大家供大家參考。具體分析如下:
要實(shí)現(xiàn)的功能:
有一個(gè)DIV,當(dāng)鼠標(biāo)經(jīng)過(guò)時(shí)此DIV完全展開,當(dāng)鼠標(biāo)移開時(shí)DIV收縮回去,其中DIV里面有一個(gè)select選擇框;
操作select的時(shí)候在IE中會(huì)出現(xiàn)一個(gè)問(wèn)題,當(dāng)鼠標(biāo)經(jīng)過(guò)option時(shí),DIV會(huì)收縮回去,而在其他瀏覽器中無(wú)此現(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中添加下面代碼即可解決問(wèn)題:
if (window.event.toElement == null) return;
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注