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的子元素,就不做任何事。
---------------------------------------------
生活的意义并不是与他人争高下,而在于享受努力实现目标的过程,结果是对自己行动的嘉奖。
↑面的话,越看越不痛快,应该这么说:
生活的意义就是你自己知道你要做什么,明确目标。没有目标,后面都是瞎扯!
查看全文
相关阅读:
LinqToSQL4
java 连接数据库操作
javadoc生成文档报错 java.lang.IllegalArgumentException
maven下载依赖jar包,Could not transfer artifact xxxxx
关于meaven导入依赖出现Failed to read artifact descriptor for ***包
mybatis-plus项目自动生成代码
Spring boot 出现 "org.springframework.beans.factory.UnsatisfiedDependencyException" 错误
vs 调试显示用户关闭隐式函数计算
vue api排放顺序及属性,用于理解vue
vue 拦截器
原文地址:https://www.cnblogs.com/pengchenggang/p/943622.html
最新文章
sql server 中getdate() 的日期时间字符串表示法
SQLServer技巧
PHP 前自增加和后自增加的区别
网站被木马攻击的解决方法
URL地址中传递数组参数的方法
PHP 不同数据类型比较的规律
thinkPHP5.1 MVC架构使用方法
发送信息到邮箱的第三方扩展库PHPMailer使用方法
在一台电脑上,添加多个Git的ssh key
搭建好lnmp后,使用浏览器访问,出现404 Not Found
热门文章
使用Telnet服务测试端口时,提示没有Telnet服务
SQL Server如何定期自动备份数据库
VS项目无法加载js或其他文件
ABP发布后通过外部URL调用不到方法
C#中的Math.Round
推荐程序员学习网站
ABP
ABP —— 权限管理
HttpWebRequest调用API
ABP使用基于JWT标准的的Token访问API
Copyright © 2011-2022 走看看