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触发原生事件的方法
Mar 03 Javascript
jquery中的ajax方法怎样通过JSONP进行远程调用
May 04 Javascript
解决node-webkit 不支持html5播放mp4视频的方法
Mar 11 Javascript
Javascript闭包(Closure)详解
May 05 Javascript
详解JS对象封装的常用方式
Dec 30 Javascript
Bootstrap免费字体和图标网站(值得收藏)
Mar 16 Javascript
js学习总结之DOM2兼容处理this问题的解决方法
Jul 27 Javascript
vue 1.x 交互实现仿百度下拉列表示例
Oct 21 Javascript
webpack 3.X学习之多页面打包的方法
Sep 04 Javascript
layui表格 返回的数据状态异常的解决方法
Sep 10 Javascript
vue简单封装axios插件和接口的统一管理操作示例
Feb 02 Javascript
关于JavaScript回调函数的深入理解
Jun 27 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
当海贼王变成JOJO风
2020/03/02 日漫
探讨PHP使用eAccelerator的API开发详解
2013/06/09 PHP
PHP实现文件下载断点续传详解
2014/10/15 PHP
详解PHP的Yii框架中日志的相关配置及使用
2015/12/08 PHP
关于PHP文件的自动运行方法分析
2016/05/13 PHP
php微信高级接口调用方法(自定义菜单接口、客服接口、二维码)
2016/11/28 PHP
TP3.2.3框架使用CKeditor编辑器在页面中上传图片的方法分析
2019/12/31 PHP
js 代码集(学习js的朋友可以看下)
2009/07/22 Javascript
javascript getElementsByClassName实现代码
2010/10/11 Javascript
鼠标移到图片上变大显示而不是放大镜效果
2014/06/15 Javascript
javascript实现避免页面按钮重复提交
2015/01/08 Javascript
js实现类似菜单风格的TAB选项卡效果代码
2015/08/28 Javascript
在 Node.js 中使用 async 函数的方法
2017/11/17 Javascript
react-native 圆弧拖动进度条实现的示例代码
2018/04/12 Javascript
AngularJS中的作用域实例分析
2018/05/16 Javascript
nodejs(officegen)+vue(axios)在客户端导出word文档的方法
2018/07/31 NodeJs
JavaScript中arguments和this对象用法分析
2018/08/08 Javascript
浅谈webpack 四个核心概念之Entry
2019/06/12 Javascript
用python写一个windows下的定时关机脚本(推荐)
2017/03/21 Python
python数据结构之链表的实例讲解
2017/07/25 Python
Python类的继承、多态及获取对象信息操作详解
2019/02/28 Python
Django web框架使用url path name详解
2019/04/29 Python
基于django传递数据到后端的例子
2019/08/16 Python
如何分离django中的媒体、静态文件和网页
2019/11/12 Python
基于pygame实现童年掌机打砖块游戏
2020/02/25 Python
python怎么自定义捕获错误
2020/06/29 Python
CSS3中的clip-path使用攻略
2015/08/03 HTML / CSS
HomeAway的巴西品牌:Alugue Temporada
2018/04/10 全球购物
个人求职信范文分享
2014/01/06 职场文书
英语老师推荐信
2014/02/26 职场文书
毕业生写求职信的要点
2014/03/04 职场文书
2014学习全国两会精神心得体会2000字
2014/03/11 职场文书
中国入世承诺
2014/04/01 职场文书
食品安全标语
2014/06/07 职场文书
2014年劳动部工作总结
2014/12/11 职场文书
2016国庆节67周年红领巾广播稿
2015/12/18 职场文书