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的子元素,就不做任何事。
---------------------------------------------
生活的意义并不是与他人争高下,而在于享受努力实现目标的过程,结果是对自己行动的嘉奖。
↑面的话,越看越不痛快,应该这么说:
生活的意义就是你自己知道你要做什么,明确目标。没有目标,后面都是瞎扯!
查看全文
相关阅读:
Swift 面向对象解析(二)
Swift 面向对象解析(一)
iOS 动画笔记 (二)
iOS 动画笔记 (一)
UICollectionView 很简单的写个瀑布流
MVC校验
win8.1弹框
Python开发之pip使用详解
MySQL基础之数据类型和运算符
网络爬虫之scrapy爬取某招聘网手机APP发布信息
原文地址:https://www.cnblogs.com/pengchenggang/p/943622.html
最新文章
【python-opencv】图像平滑
【python-opencv】图像阈值
【python-opencv】图像几何变换
【python-opencv】转换颜色空间
【python-opencv】性能衡量和提升技术
【python-opencv】图像上的算术运算
Docker 入门指南——常用命令
Linux--CentOS 安装 Docker 教程
CentOS 使用 Docker 安装 Sentry
Linux 搭建 Jenkins
热门文章
Nginx 安装及配置
Nginx 配置 Jenkins 反向代理
Nginx 基础知识学习
SQL 基础语法笔记教程整理
Markdon 作图语法 CSDN
CentOS 安装 Gitlab
WKWebView的使用与JS交互详细解读
iOS ReactiveCocoa(RAC)学习详解
CoreData和FMDB你用哪个?
Swift 内存管理详解
Copyright © 2011-2022 走看看