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 扩展对input的一些操作方法
Oct 30 Javascript
基于jsTree的无限级树JSON数据的转换代码
Jul 27 Javascript
使用jquery实现select添加实现后台权限添加的效果
May 28 Javascript
用box固定长宽实现图片自动轮播js代码
Jun 09 Javascript
Web表单提交之disabled问题js解决方法
Jan 13 Javascript
jQuery自定义动画函数实例详解(附demo源码)
Dec 10 Javascript
javascript+css3 实现动态按钮菜单特效
Feb 06 Javascript
Web开发必知Javascript技巧大全
Feb 23 Javascript
AngularJS 面试题集锦
Sep 06 Javascript
轻松实现jquery选项卡切换效果
Oct 10 Javascript
Restify中接入Socket.io报Error:Can’t set headers的错误解决
Mar 28 Javascript
JavaScript循环_动力节点Java学院整理
Jun 28 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
Ajax PHP简单入门教程代码
2008/04/25 PHP
php中使用exec,system等函数调用系统命令的方法(不建议使用,可导致安全问题)
2012/09/07 PHP
php判断数组元素中是否存在某个字符串的方法
2014/06/14 PHP
功能强大的PHP发邮件类
2016/08/29 PHP
Laravel等框架模型关联的可用性浅析
2019/12/15 PHP
javascript编程起步(第七课)
2007/02/27 Javascript
最新的10款jQuery内容滑块插件分享
2011/09/18 Javascript
jquery 获取标签名(tagName)示例代码
2013/07/11 Javascript
js setTimeout 参数传递使用介绍
2013/08/13 Javascript
ionic隐藏tabs的方法
2016/08/29 Javascript
Angular1.x复杂指令实例详解
2017/03/01 Javascript
微信小程序 动态绑定事件并实现事件修改样式
2017/04/13 Javascript
JS实现的哈夫曼编码示例【原始版与修改版】
2018/04/22 Javascript
详解ES6中的 Set Map 数据结构学习总结
2018/11/06 Javascript
使用 Opentype.js 生成字体子集的实例代码详解
2020/05/25 Javascript
[03:20]次级联赛厮杀超职业 现超级兵对拆世纪大战
2014/10/30 DOTA
python按照多个字符对字符串进行分割的方法
2015/03/17 Python
Python的GUI框架PySide的安装配置教程
2016/02/16 Python
python学习 流程控制语句详解
2016/06/01 Python
python实现可以断点续传和并发的ftp程序
2016/09/13 Python
Python3.6连接Oracle数据库的方法详解
2018/05/18 Python
Python装饰器用法实例总结
2018/05/26 Python
python 筛选数据集中列中value长度大于20的数据集方法
2018/06/14 Python
python实现对象列表根据某个属性排序的方法详解
2019/06/11 Python
Django实现微信小程序的登录验证功能并维护登录态
2019/07/04 Python
python实现上传文件到linux指定目录的方法
2020/01/03 Python
python enumerate内置函数用法总结
2020/01/07 Python
python 基于PYMYSQL使用MYSQL数据库
2020/12/24 Python
CSS3实现跳动的动画效果
2016/09/12 HTML / CSS
AVI-8手表美国官方商店:AVI-8 USA
2019/04/10 全球购物
回门宴新郎答谢词
2014/01/12 职场文书
幼儿园社区活动总结
2014/07/07 职场文书
幼儿园六一活动总结
2014/08/27 职场文书
2014年信息宣传工作总结
2014/12/18 职场文书
庆祝教师节主持词
2015/07/06 职场文书
JavaGUI模仿QQ聊天功能完整版
2021/07/04 Java/Android