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 相关文章推荐
js简单实现竖向tab选项卡的方法
May 04 Javascript
JavaScript中模拟实现jsonp
Jun 19 Javascript
js显示当前日期时间和星期几
Oct 22 Javascript
Jquery Easyui表单组件Form使用详解(30)
Dec 19 Javascript
js以及jquery实现手风琴效果
Apr 17 Javascript
jQuery插件HighCharts实现的2D面积图效果示例【附demo源码下载】
Mar 15 Javascript
JS组件系列之Gojs组件 前端图形化插件之利器
Nov 29 Javascript
Webpack 4.x搭建react开发环境的方法步骤
Aug 15 Javascript
vue 地图可视化 maptalks 篇实例代码详解
May 21 Javascript
详解vue-cli@2.x项目迁移日志
Jun 06 Javascript
node事件循环和process模块实例分析
Feb 14 Javascript
JS实现进度条动态加载特效
Mar 25 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/06/20 PHP
php jquery 实现新闻标签分类与无刷新分页
2009/12/18 PHP
PHP处理JSON字符串key缺少双引号的解决方法
2014/09/16 PHP
php基于session锁防止阻塞请求的方法分析
2017/08/07 PHP
JavaScript 使用技巧精萃(.net html
2009/04/25 Javascript
超酷的网页音乐播放器DewPlayer使用方法
2010/12/18 Javascript
JQuery UI的拖拽功能实现方法小结
2012/03/14 Javascript
解析瀑布流布局:JS+绝对定位的实现
2013/05/08 Javascript
js控制鼠标事件移动及移出效果显示
2014/10/19 Javascript
JavaScript通过setTimeout实时显示当前时间的方法
2015/04/16 Javascript
jquery小火箭返回顶部代码分享
2015/08/19 Javascript
基于JavaScript实现在新的tab页打开url
2016/08/04 Javascript
微信小程序 request接口的封装实例代码
2017/04/26 Javascript
微信小程序之蓝牙的链接
2017/09/26 Javascript
详解js中Array的方法及技巧
2018/09/12 Javascript
深入解析ES6中的promise
2018/11/08 Javascript
Vue 全家桶实现移动端酷狗音乐功能
2018/11/16 Javascript
es6函数name属性功能与用法实例分析
2020/04/18 Javascript
js实现抽奖功能
2020/11/24 Javascript
vue3.0中setup使用(两种用法)
2020/12/02 Vue.js
原生js实现自定义滚动条
2021/01/20 Javascript
python爬虫教程之爬取百度贴吧并下载的示例
2014/03/07 Python
Python命名空间详解
2014/08/18 Python
图文讲解选择排序算法的原理及在Python中的实现
2016/05/04 Python
Django如何自定义model创建数据库索引的顺序
2019/06/20 Python
基于python分析你的上网行为 看看你平时上网都在干嘛
2019/08/13 Python
python实现tail实时查看服务器日志示例
2019/12/24 Python
Python实现栈的方法详解【基于数组和单链表两种方法】
2020/02/22 Python
小学生自我鉴定
2013/10/12 职场文书
党支部书记岗位责任制
2014/02/11 职场文书
如何写一封打动人心的求职信
2014/02/17 职场文书
市场营销专业自荐书
2014/06/10 职场文书
服务标语口号
2014/07/01 职场文书
教师创先争优承诺书
2015/04/27 职场文书
小学体育跳绳课教学反思
2016/02/16 职场文书
Python自动化爬取天眼查数据的实现
2021/06/15 Python