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程序设计有所帮助。
您可能感兴趣的文章:
相关文章
这篇文章主要为大家介绍了阻止移动端touchmove与scroll事件冲突技巧详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-06-06
JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。接下来通过本文给大家介绍Javascript的表单验证-初识正则表达式，对js表单验证正则表达式相关知识感兴趣的朋友一起学习吧2016-03-03
用过Java的都知道，里面有个功能强大的数据结构——HashMap，它能提供键与值的对应访问。不过熟悉JS的朋友也会说，JS里面到处都是hashmap，因为每个对象都提供了map[key]的访问形式。2011-03-03
在前端js编程中,如果涉及到加密通信、加密算法,经常会用到密钥,但密钥,很容易暴露, 暴露原因：js代码透明,在浏览器中可以查看源码,从中找到密钥,所以本文给大家介绍了前端js中如何保护密钥,需要的朋友可以参考下2024-10-10
兄弟节点之间可以通过 previousSibling 和 nextSibling 属性访问同一级别上的不同子节点。这个兄弟节点是元素还是文本节点在现代浏览器上运行是怎么样的呢？2009-10-10
js鼠标拖动对象，可让任何div实现拖动效果,需要的朋友可以参考下。2009-11-11
通过action传过来的值在option获取进行验证，下面有个不错的示例，需要的朋友不要错过2013-11-11
非IE浏览器“userdata”的解决方案2009-06-06
这篇文章主要介绍了JS监听事件的叠加和移除功能，非常不错，具有一定的参考借鉴价值 ,需要的朋友可以参考下2018-11-11
详解用webpack的CommonsChunkPlugin提取公共代码的3种方式
本篇文章主要介绍了详解用webpack的CommonsChunkPlugin提取公共代码的3种方式，具有一定的参考价值，有兴趣的可以了解一下2017-11-11
最新评论