JS:子元素 onmouseover 触发了父元素的 onmouseout,子元素的onmouseout 同时也触发 父元素的 onmouseout
JS:子元素onmouseover触发了父元素的onmouseout,子元素的onmouseout同时也触发父元素的onmouseout<divstyle="height...
JS:子元素 onmouseover 触发了父元素的 onmouseout,子元素的onmouseout 同时也触发 父元素的 onmouseout
<div style="height:128px; width:128px;border:1px solid #000" id="div">
<div style="height:24px; width:24px; border:1px solid #f00" id="div_div">
</div>
</div>
<script>
function $(_id){ return document.getElementById(_id)}
var _p=$("div");
var _c=$("div_div");
_p.onmouseover=function(e){
}
_p.onmouseout=function(e){
alert('鼠标离开')
}
_c.onmouseover=function(e){
}
_c.onmouseout=function(e){
}
</script> 展开
<div style="height:128px; width:128px;border:1px solid #000" id="div">
<div style="height:24px; width:24px; border:1px solid #f00" id="div_div">
</div>
</div>
<script>
function $(_id){ return document.getElementById(_id)}
var _p=$("div");
var _c=$("div_div");
_p.onmouseover=function(e){
}
_p.onmouseout=function(e){
alert('鼠标离开')
}
_c.onmouseover=function(e){
}
_c.onmouseout=function(e){
}
</script> 展开
3个回答
展开全部
_p.onmouseover=function(e){
可以在这里同时写鼠标经过时_p和_c的状态，其它事件类似
}
可以在这里同时写鼠标经过时_p和_c的状态，其它事件类似
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你这个是典型的事件冒泡噢。你只需要在进入子层的时候阻止冒泡就好了
<html>
<head>
</head>
<body>
<div style="height:128px; width:128px;border:1px solid #000;padding:20px;" id="divs">
<div style="height:24px; width:24px; border:1px solid #000;background:#fff" id="div_div">
</div>
</div>
<script>
function $(_id){ return document.getElementById(_id)}
var _p=$("divs");
var _c=$("div_div");
_p.onmouseover=function(e){
}
_p.onmouseout=function(e){
alert("鼠标离开DIV")
}
_c.onmouseover=function(e){
}
_c.onmouseout=function(e){
if(e){
e.stopPropagation()
}else{
window.event.cancelBubble = true;
}
}
</script>
</body>
</html>
<html>
<head>
</head>
<body>
<div style="height:128px; width:128px;border:1px solid #000;padding:20px;" id="divs">
<div style="height:24px; width:24px; border:1px solid #000;background:#fff" id="div_div">
</div>
</div>
<script>
function $(_id){ return document.getElementById(_id)}
var _p=$("divs");
var _c=$("div_div");
_p.onmouseover=function(e){
}
_p.onmouseout=function(e){
alert("鼠标离开DIV")
}
_c.onmouseover=function(e){
}
_c.onmouseout=function(e){
if(e){
e.stopPropagation()
}else{
window.event.cancelBubble = true;
}
}
</script>
</body>
</html>
追问
不行
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
代码贴出来！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
