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的子元素,就不做任何事。
---------------------------------------------
生活的意义并不是与他人争高下,而在于享受努力实现目标的过程,结果是对自己行动的嘉奖。
↑面的话,越看越不痛快,应该这么说:
生活的意义就是你自己知道你要做什么,明确目标。没有目标,后面都是瞎扯!
查看全文
相关阅读:
Linux的常用用法
docker入门实践01
airflow安装rest api插件发现airflow webserver服务不能启动的解决办法
27.Spark中transformation的介绍
1.Cloudera Manager安装
win10系统不能ping通vmware虚假机解决办法
在airflow的BashOperator中执行docker容器中的脚本容易忽略的问题
AirFlow后台运行调度程序
Airflow怎么删除系统自带的DAG任务
airflow删除dag不在页面显示
原文地址:https://www.cnblogs.com/pengchenggang/p/943622.html
最新文章
传输模型, tcp socket套接字
二维码生成,热点推荐,获取表的所有字段名
关于表单内嵌列表提交后台实现方式
mybatis 关联查询实现一对多
关于前后端日期处理 开发注意事项 jquery.tmpl()函数的使用
mysql之处理金钱小数点后的多余0
不同项目同一浏览器访问 导致Session覆盖 登录后点击就退出登录问题
Springmvc 重定向参数传递方式
SpringMvc路径参数和url的两种实现方式
java的类加载器体系结构和双亲委派机制
热门文章
mybatis分页插件
cglib动态代理之原理说明
[Linux 运维]/proc/modules 以及内核模块工具
[Linux 运维 -- 存储] RAID入门
[Linux 运维 -- 存储] /proc/diskstats详解
ssh的755和644
ssh_exchange_identification: Connection closed by remote host
doctest 库介绍
rpm的使用入门
uwsgi 和 flask的使用
Copyright © 2011-2022 走看看