zoukankan
html css js c++ java
关于onMouseOut违背逻辑关系的解决办法!
现有如下代码:
<
div id
=
'div1' style
=
'
200
; height:
200
;' onMouseOut
=
"
HideDiv('div1');
"
>
<
a href
=
'#'
>
test
</
a
>
</
div
>
鼠标移出这个层的时候,就触发onMouseOut事件,将层隐藏掉。
但是,如果你的鼠标接触到文字的时候,由于你接触到了A标记,而A标记在div1上边,所以就认为鼠标已经出了div1的范围了,就执行onMouseOut了,这个实际上并不是我们的本意。
所以只能修改了一下HideDiv()方法,使其符合我们的要求
function
HideDiv(pName)
{
var
obj
=
event.toElement;
while
( obj
!=
null
&&
obj.id
!=
pName )
{
obj
=
obj.parentElement;
}
if
( obj
==
null
)
{ document.all['div1'].style.display
=
'none'; }
}
大概意思是,当触发onMouseOut事件时,先获取鼠标当前所指向的元素(对象),
然后用递归方法,一层一层的往外找它的父元素,判断有没有叫div1的。
如果一直到页面最外一层还找不到的话,那就把层隐藏了,
如果找到的话,说明是div1的子元素,就不做任何事。
---------------------------------------------
生活的意义并不是与他人争高下,而在于享受努力实现目标的过程,结果是对自己行动的嘉奖。
↑面的话,越看越不痛快,应该这么说:
生活的意义就是你自己知道你要做什么,明确目标。没有目标,后面都是瞎扯!
查看全文
相关阅读:
临时文件服务器,配置共享文件夹
封装扩展方法
List.Insert
VS 生成事件中xcopy失败
创建型设计模式总结
js提交图片转换为base64
C#建造者模式
echarts 立体柱
k8s生产环境启用防火墙,要开启的端口
一篇文章为你图解Kubernetes网络通信原理
原文地址:https://www.cnblogs.com/pengchenggang/p/943622.html
最新文章
Hive常用日期格式转换
Hive语法小释
(Oracle)数据量统计存储过程
(Oracle)看懂Oracle执行计划(转载)
(Oracle)预定义异常
ETL优化(转载)
ETL调优的一些分享(下)(转载)
ETL调优的一些分享(上)(转载)
民生银行十五年的数据体系建设,深入解读阿拉丁大数据生态圈、人人BI 是如何养成的?(转载)
利用ajaxfileupload插件异步上传文件
热门文章
Jquery通过遍历数组给checkbox赋默认值
JS 判断上传文件类型
(随手记)Javascript 的parseInt函数,在IE和非IE内核浏览器运行的不同结果
JS 利用新浪接口通过IP地址获取当前所在城市
Java读写XML代码示例
JQuery实现奇偶行不同背景颜色
a href 鼠标滑过变成小手图标
.net core 发布服务器步骤
List去重
c#类自动转换
Copyright © 2011-2022 走看看