IE中鼠标经过option触发mouseout的解决方法_Javascript教程-查字典教程网
IE中鼠标经过option触发mouseout的解决方法
IE中鼠标经过option触发mouseout的解决方法
发布时间:2016-12-30 来源:查字典编辑
摘要:本文实例讲述了IE中鼠标经过option触发mouseout的解决方法。分享给大家供大家参考。具体分析如下:要实现的功能:有一个DIV,当鼠...

本文实例讲述了IE中鼠标经过option触发mouseout的解决方法。分享给大家供大家参考。具体分析如下:

要实现的功能:

有一个DIV,当鼠标经过时此DIV完全展开,当鼠标移开时DIV收缩回去,其中DIV里面有一个select选择框;

操作select的时候在IE中会出现一个问题,当鼠标经过option时,DIV会收缩回去,而在其他浏览器中无此现象。

解决的方法:

在IE中,当鼠标移到option时 window.event.toElement 的值为null,在其他浏览器中的值为object;

当鼠标直接从DIV中移出时 window.event.toElement 的值为object,其他浏览器也是;

综上,可以在mouseout中添加下面代码即可解决问题:

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

希望本文所述对大家的javascript程序设计有所帮助。

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类