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+thickbox仿校内登录注册框
Jun 07 Javascript
jQuery获得内容和属性方法及示例
Dec 02 Javascript
js与运算符和或运算符的妙用
Feb 14 Javascript
Javascript 数组排序详解
Oct 22 Javascript
Javascript 构造函数详解
Oct 22 Javascript
node.js中debug模块的简单介绍与使用
Apr 25 Javascript
详解JavaScript中操作符和表达式
Sep 12 Javascript
JavaScript查看代码运行效率console.time()与console.timeEnd()用法
Jan 18 Javascript
在微信小程序中使用图表的方法示例
Apr 25 Javascript
Element PageHeader页头的使用方法
Jul 26 Javascript
基于javascript的无缝滚动动画1
Aug 07 Javascript
Openlayers实现距离面积测量
Sep 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
Dwz与thinkphp整合下的数据导出到Excel实例
2014/12/04 PHP
JavaScript中的Location地址对象
2008/01/16 Javascript
js用图作提交按钮或超连接
2008/03/26 Javascript
JavaScript高级程序设计 读书笔记之八 Function类及闭包
2012/02/27 Javascript
新增加的内容是如何将div的scrollbar自动移动最下面
2014/01/02 Javascript
js锁屏解屏通过对$.ajax进行封装实现
2014/07/31 Javascript
js判断浏览器是否支持html5
2014/08/17 Javascript
js解决select下拉选不中问题
2014/10/14 Javascript
使用jquery制作弹出框效果
2015/04/03 Javascript
jQuery关键词说明插件cluetip使用指南
2015/04/21 Javascript
jQuery+AJAX实现遮罩层登录验证界面(附源码)
2020/09/13 Javascript
JavaScript html5 canvas画布中删除一个块区域的方法
2016/01/26 Javascript
js实现页面跳转的五种方法推荐
2016/03/10 Javascript
js实现带农历和八字等信息的日历特效
2016/05/16 Javascript
简单理解vue中track-by属性
2016/10/26 Javascript
Bootstrap基本插件学习笔记之标签切换(17)
2016/12/08 Javascript
AngularJS自定义指令详解(有分页插件代码)
2017/06/12 Javascript
用p5.js制作烟花特效的示例代码
2018/03/21 Javascript
js的继承方法小结(prototype、call、apply)(推荐)
2019/04/17 Javascript
vue实现图片预览组件封装与使用
2019/07/13 Javascript
解决谷歌搜索技术文章时打不开网页问题的python脚本
2013/02/10 Python
详解Django之auth模块(用户认证)
2018/04/17 Python
Django中反向生成models.py的实例讲解
2018/05/30 Python
PyQt Qt Designer工具的布局管理详解
2019/08/07 Python
python基于TCP实现的文件下载器功能案例
2019/12/10 Python
Python使用Tkinter实现滚动抽奖器效果
2020/01/06 Python
flask框架自定义url转换器操作详解
2020/01/25 Python
利用django model save方法对未更改的字段依然进行了保存
2020/03/28 Python
Python 列表推导式需要注意的地方
2020/10/23 Python
怎么解决pycharm license Acti的方法
2020/10/28 Python
阻止移动设备(手机、pad)浏览器双击放大网页的方法
2014/06/03 HTML / CSS
英国家庭、花园、汽车和移动解决方案:Easylife Group
2018/05/23 全球购物
几道Java和数据库的面试题
2013/05/30 面试题
工程师岗位职责规定
2014/02/26 职场文书
2014年国庆节演讲稿精选范文1500字
2014/09/25 职场文书
Python爬虫进阶之Beautiful Soup库详解
2021/04/29 Python