IE中鼠标经过option触发mouseout的解决方法
更新时间：2015年01月29日 11:53:35 作者：穗溪
这篇文章主要介绍了IE中鼠标经过option触发mouseout的解决方法,分析了IE中鼠标移到option时window.event.toElement返回值为null的原因及解决方法,需要的朋友可以参考下
本文实例讲述了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程序设计有所帮助。
您可能感兴趣的文章:
相关文章
这篇文章主要介绍了详解html-webpack-plugin用法全解，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-01-01
这篇文章主要为大家详细介绍了微信小程序实现简单搜索功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
这篇文章主要介绍了bootstrap响应式工具使用的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-11-11
这篇文章主要介绍了微信小程序的宿主环境,包括scroll-view 组件的基本使用，text 组件的基本使用及rich-text 组件的基本使用，本文通过示例代码给大家介绍的非常详细，需要的朋友可以参考下2022-10-10
这篇文章主要为大家详细介绍了js实现简易ATM功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-10-10
这篇文章主要为大家详细介绍了swiper插件自定义切换箭头按钮，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-12-12
这篇文章介绍了JS获取农历日期具体实例，有需要的朋友可以参考一下2013-11-11
最近有项目要实现N级菜单，首先从布局入手，即判断是否有下级菜单，具体实现代码，大家可以参考下本文2017-05-05
这篇文章主要为大家详细介绍了js实现拖动模态框，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
Bootstrap 表单验证formValidation 实现远程验证功能
这篇文章主要介绍了Bootstrap 表单验证formValidation 实现远程验证功能,需要的朋友可以参考下2017-05-05
最新评论