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 相关文章推荐
Ucren Virtual Desktop V2.0
Nov 07 Javascript
css图片自适应大小
Nov 28 Javascript
基于jquery的监控数据是否发生改变
Apr 11 Javascript
javascript删除option选项的多种方法总结
Nov 22 Javascript
jquery简单倒计时实现方法
Dec 18 Javascript
js运动应用实例解析
Dec 28 Javascript
简介EasyUI datagrid editor combogrid搜索框的实现
Apr 01 Javascript
全面了解JS中的匿名函数
Jun 29 Javascript
JS生成一维码(条形码)功能示例
Jan 19 Javascript
JS与jQuery实现ListBox上移,下移,左移,右移操作功能示例
May 31 jQuery
用jQuery将JavaScript对象转换为querystring查询字符串的方法
Nov 12 jQuery
JavaScript中的"=、==、==="区别讲解
Jan 22 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 用数组降低程序的时间复杂度
2009/12/04 PHP
php访问数组最后一个元素的函数end()用法
2015/03/18 PHP
PHP学习笔记(三):数据类型转换与常量介绍
2015/04/17 PHP
php中使用gd库实现下载网页中所有图片
2015/05/12 PHP
thinkPHP5框架实现多数据库连接,跨数据连接查询操作示例
2019/05/29 PHP
Javascript 错误处理的几种方法
2009/06/13 Javascript
IE8提示Invalid procedure call or argument 异常的解决方法
2012/09/30 Javascript
jQuery之自动完成组件的深入解析
2013/06/19 Javascript
jquery五角星评分插件示例分享
2014/02/21 Javascript
js或jquery实现页面打印可局部打印
2014/03/27 Javascript
[原创]推荐10款最热门jQuery UI框架
2014/08/19 Javascript
jquery通过closest选择器修改上级元素的方法
2015/03/17 Javascript
Javascript中的getUTCDay()方法使用详解
2015/06/10 Javascript
JS实现的四级密码强度检测功能示例
2017/05/11 Javascript
vue axios请求超时的正确处理方法
2018/04/02 Javascript
Angular4.x通过路由守卫进行路由重定向实现根据条件跳转到相应的页面(推荐)
2018/05/10 Javascript
浅谈高大上的微信小程序中渲染html内容—技术分享
2018/10/25 Javascript
el-select数据过多懒加载的解决(loadmore)
2019/05/29 Javascript
JavaScript实现打砖块游戏
2020/02/25 Javascript
详解nginx配置vue h5 history去除#号
2020/11/09 Javascript
Python解释执行原理分析
2014/08/22 Python
Python使用lxml模块和Requests模块抓取HTML页面的教程
2016/05/16 Python
Python 依赖库太多了该如何管理
2019/11/08 Python
Django之form组件自动校验数据实现
2020/01/14 Python
canvas实现漂亮的下雨效果的示例
2018/04/18 HTML / CSS
La Redoute英国官网:法国时尚品牌
2017/04/27 全球购物
凯特王妃父母建立的派对用品网站:Party Pieces
2017/05/28 全球购物
娇韵诗香港官网:Clarins香港
2020/08/13 全球购物
数据库什么时候应该被重组
2012/11/02 面试题
Python中pass语句的作用是什么
2016/06/01 面试题
社区工作感言
2014/02/21 职场文书
2015年个人思想总结
2015/03/09 职场文书
新员工入职感想
2015/08/07 职场文书
团队拓展训练心得体会
2016/01/12 职场文书
matplotlib之pyplot模块实现添加子图subplot的使用
2021/04/25 Python
详解Android中的TimePickerView(时间选择器)的用法
2022/04/30 Java/Android