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实现的分页函数
Dec 22 Javascript
JavaScript焦点事件、鼠标事件和滚轮事件使用详解
Jan 15 Javascript
jQuery zTree加载树形菜单功能
Feb 25 Javascript
正则中的回溯定义与用法分析【JS与java实现】
Dec 27 Javascript
脚本div实现拖放功能(两种)
Feb 13 Javascript
Web前端框架Angular4.0.0 正式版发布
Mar 28 Javascript
JavaScript原生数组Array常用方法
Apr 06 Javascript
详解vue-router基本使用
Apr 18 Javascript
详解刷新页面vuex数据不消失和不跳转页面的解决
Jan 30 Javascript
Node.JS循环删除非空文件夹及子目录下的所有文件
Mar 12 Javascript
vue下载excel的实现代码后台用post方法
May 10 Javascript
vue 全局封装loading加载教程(全局监听)
Nov 05 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 UTF8 文件的签名问题
2009/10/30 PHP
PHP set_time_limit(0)长连接的实现分析
2010/03/02 PHP
PHP实现删除字符串中任何字符的函数
2015/08/11 PHP
CodeIgniter读写分离实现方法详解
2016/01/20 PHP
PHP实现二维数组按照指定的字段进行排序算法示例
2019/04/23 PHP
url 特殊字符 传递参数解决方法
2010/01/01 Javascript
jQuery删除节点的三个方法即remove()detach()和empty()
2013/12/27 Javascript
Select标签下拉列表二级联动级联实例代码
2014/02/07 Javascript
jquery checkbox 勾选的bug问题解决方案与分析
2014/11/13 Javascript
jQuery实现鼠标滚轮动态改变样式或效果
2015/01/05 Javascript
Jquery遍历Json数据的方法
2015/04/20 Javascript
springMVC结合AjaxForm上传文件
2016/07/12 Javascript
JS添加或修改控件的样式(Class)实现方法
2016/10/15 Javascript
Bootstrap框架实现广告轮播效果
2016/11/28 Javascript
Jquery实时监听input value的实例
2017/01/26 Javascript
js实现移动端微信页面禁止字体放大
2017/02/16 Javascript
js实现登录与注册界面
2017/11/01 Javascript
vue获取当前激活路由的方法
2018/03/17 Javascript
使用Vuex解决Vue中的身份验证问题
2018/09/28 Javascript
一篇文章带你搞懂Vue虚拟Dom与diff算法
2020/08/25 Javascript
简单介绍利用TK在Python下进行GUI编程的教程
2015/04/13 Python
python scatter散点图用循环分类法加图例
2019/03/19 Python
python模拟菜刀反弹shell绕过限制【推荐】
2019/06/25 Python
tensorflow使用freeze_graph.py将ckpt转为pb文件的方法
2020/04/22 Python
Python装饰器结合递归原理解析
2020/07/02 Python
python中time、datetime模块的使用
2020/12/14 Python
利用css3实现的简单的鼠标悬停按钮
2014/11/04 HTML / CSS
html5本地存储 localStorage操作使用详解
2016/09/20 HTML / CSS
Canvas实现贝赛尔曲线轨迹动画的示例代码
2019/04/25 HTML / CSS
浅谈amaze-ui中datepicker和datetimepicker注意的几点
2020/08/21 HTML / CSS
加拿大女鞋品牌:ALDO
2016/11/13 全球购物
维氏瑞士军刀英国网站:Victorinox英国
2019/07/04 全球购物
模具设计与制造专业自荐书
2014/07/01 职场文书
办理信用卡工作证明
2014/09/30 职场文书
小学少先队工作总结2015
2015/05/26 职场文书
Python中快速掌握Data Frame的常用操作
2021/03/31 Python