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 相关文章推荐
javascript 面向对象编程基础:封装
Aug 21 Javascript
js 实现复制到粘贴板的功能代码
May 13 Javascript
js实现翻页后保持checkbox选中状态的实现方法
Nov 03 Javascript
Javascript中string转date示例代码
Nov 01 Javascript
深入理解JavaScript单体内置对象
Jun 06 Javascript
Angular之指令Directive用法详解
Mar 01 Javascript
Angularjs验证用户输入的字符串是否为日期时间
Jun 01 Javascript
Cropper.js 实现裁剪图片并上传(PC端)
Aug 20 Javascript
angularjs实现柱状图动态加载的示例
Dec 11 Javascript
vue cli2.0单页面title修改方法
Jun 07 Javascript
vue-router命名视图的使用讲解
Jan 19 Javascript
jQuery实现为table表格动态添加或删除tr功能示例
Feb 19 jQuery
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的MVC模式实现原理分析(一相简单的MVC框架范例)
2014/04/29 PHP
PHP读取汉字的点阵数据
2015/06/22 PHP
php等比例缩放图片及剪切图片代码分享
2016/02/13 PHP
PHP经典实用正则表达式小结
2017/05/04 PHP
JavaScript 比较时间大小的代码
2010/04/24 Javascript
Web开发者必备的12款超赞jQuery插件
2010/12/03 Javascript
javascript针对DOM的应用分析(三)
2012/04/15 Javascript
javascript基本包装类型介绍
2015/04/10 Javascript
JS、jQuery中select的用法详解
2016/04/21 Javascript
深入理解jQuery之防止冒泡事件
2016/05/24 Javascript
基于JavaScript实现鼠标箭头移动图片跟着移动
2016/08/30 Javascript
js以及jquery实现手风琴效果
2020/04/17 Javascript
Angular中封装fancyBox(图片预览)遇到问题小结
2017/09/01 Javascript
angular2组件中定时刷新并清除定时器的实例讲解
2018/08/31 Javascript
ES6 Promise对象的应用实例分析
2019/06/27 Javascript
vue 解决异步数据更新问题
2019/10/29 Javascript
JavaScript原型继承和原型链原理详解
2020/02/04 Javascript
js回到页面指定位置的三种方式
2020/12/17 Javascript
在Windows8上的搭建Python和Django环境
2014/07/03 Python
给Python初学者的一些编程技巧
2015/04/03 Python
使用Python爬了4400条淘宝商品数据,竟发现了这些“潜规则”
2018/03/23 Python
Python2.7 实现引入自己写的类方法
2018/04/29 Python
浅谈Python2之汉字编码为unicode的问题(即类似\xc3\xa4)
2019/08/12 Python
浅析PEP572: 海象运算符
2019/10/15 Python
python爬虫爬取淘宝商品比价(附淘宝反爬虫机制解决小办法)
2020/12/03 Python
使用html5制作loading图的示例
2014/04/14 HTML / CSS
乔丹诺(Giordano)酒庄德国官网:找到最好的意大利葡萄酒
2017/12/28 全球购物
日本最大的旅游网站:Rakuten Travel(乐天旅游)
2018/08/02 全球购物
PHP如何自定义函数
2016/09/16 面试题
房产代理公证处委托书
2014/04/04 职场文书
工厂搬迁方案
2014/05/11 职场文书
法律顾问服务方案
2014/05/15 职场文书
优秀学生干部个人事迹材料
2014/06/02 职场文书
2014年综合治理工作总结
2014/11/20 职场文书
优秀小学生事迹材料
2014/12/26 职场文书
企业百日安全活动总结
2015/05/07 职场文书