IE中鼠标经过option触发mouseout的解决方法


Posted in Javascript onJanuary 29, 2015

本文实例讲述了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 相关文章推荐
JQuery.Ajax之错误调试帮助信息介绍
Jul 04 Javascript
Javascript优化技巧之短路表达式详细介绍
Mar 27 Javascript
你所未知的3种Node.js代码优化方式
Feb 25 Javascript
javascript验证内容为数字以及长度为10的简单实例
Aug 20 Javascript
js实现对table的增加行和删除行的操作方法
Oct 13 Javascript
用自定义图片代替原生checkbox实现全选,删除以及提交的方法
Oct 18 Javascript
javascript入门之string对象【新手必看】
Nov 22 Javascript
Bootstrap的popover(弹出框)在append后弹不出(失效)
Feb 27 Javascript
微信小程序 动画的简单实例
Oct 12 Javascript
详解vue中axios的封装
Jul 18 Javascript
利用原生的JavaScript实现简单拼图游戏
Nov 18 Javascript
深入详解JS函数的柯里化
Jun 09 Javascript
JS判断是否360安全浏览器极速内核的方法
Jan 29 #Javascript
jQuery中$.each使用详解
Jan 29 #Javascript
jQuery显示和隐藏 常用的状态判断方法
Jan 29 #Javascript
移动设备web开发首选框架:zeptojs介绍
Jan 29 #Javascript
JSON格式的键盘编码对照表
Jan 29 #Javascript
js的window.showModalDialog及window.open用法实例分析
Jan 29 #Javascript
JQuery异步获取返回值中文乱码的解决方法
Jan 29 #Javascript
You might like
在php中使用sockets:从新闻组中获取文章
2006/10/09 PHP
PHP扩展迁移为PHP7扩展兼容性问题记录
2016/02/15 PHP
Yii框架中jquery表单验证插件用法示例
2016/10/18 PHP
PHP通过引用传递参数用法分析
2016/12/01 PHP
PHP一致性hash分布式算法封装类定义与用法示例
2018/08/04 PHP
PDO::commit讲解
2019/01/27 PHP
Thinkphp5.0 框架使用模型Model添加、更新、删除数据操作详解
2019/10/11 PHP
用javascript控制iframe滚动的代码
2007/04/10 Javascript
javascript:history.go()和History.back()的区别及应用
2012/11/25 Javascript
JQuery中如何传递参数如click(),change()等具体实现
2013/04/28 Javascript
node.js中的fs.lstat方法使用说明
2014/12/16 Javascript
Javascript设计模式之观察者模式的多个实现版本实例
2015/03/03 Javascript
实例详解JavaScript获取链接参数的方法
2016/01/01 Javascript
基于JavaScript实现单选框下拉菜单添加文件效果
2016/06/26 Javascript
RequireJs的使用详解
2017/02/19 Javascript
React.js中常用的ES6写法总结(推荐)
2017/05/09 Javascript
ES6使用Set数据结构实现数组的交集、并集、差集功能示例
2017/10/31 Javascript
原生JS实现循环Nodelist Dom列表的4种方式示例
2018/02/11 Javascript
layui数据表格重载实现往后台传参
2019/11/15 Javascript
javascript实现数字时钟效果
2021/02/06 Javascript
python中的yield使用方法
2014/02/11 Python
Centos Python2 升级到Python3的简单实现
2016/06/21 Python
详解python中的线程
2018/02/10 Python
使用PYTHON解析Wireshark的PCAP文件方法
2019/07/23 Python
新建文件时Pycharm中自动设置头部模板信息的方法
2020/04/17 Python
python实现单机五子棋
2020/08/28 Python
一文详述 Python 中的 property 语法
2020/09/01 Python
Django与AJAX实现网页动态数据显示的示例代码
2021/02/24 Python
重写子类方法时,抛出异常的书写注意事项
2015/10/17 面试题
国贸专业个人求职信分享
2013/12/04 职场文书
数控技术应用个人求职信范文
2014/02/03 职场文书
总经理助理岗位职责范本
2014/07/20 职场文书
初中学习计划书范文
2014/09/15 职场文书
医生个人年度总结
2015/02/28 职场文书
硕士学位申请报告
2015/05/15 职场文书
解决persistence.xml配置文件修改存放路径的问题
2022/02/24 Java/Android