<!DOCTYPE?html>
<html>
<head>
<meta?charset="UTF-8">
<title>demo</title>
<style?type="text/css">
*{
margin:?0;
padding:?0;
}
span{
width:?100px;
height:?100px;
background:?red;
text-align:?center;
line-height:?100px;
float:?left;
}
p{
width:?100px;
height:?100px;
background:?blueviolet;
text-align:?center;
line-height:?100px;
float:?left;
display:?none;
}
.dis{
display:?block;
}
</style>
</head>
<body>
<div?id="dvd">
<span>
點擊
</span>
<p>浮動</p>
</div>
</body>
<script>
var?dvd=document.getElementById('dvd')
var?s=document.getElementsByTagName('span')[0];
var?p=document.getElementsByTagName('p')[0];
dvd.onclick=function(){
console.log('123456789')
}
s.onmouseover=function(){
p.style.display='block';?
}
p.onmouseover=function(){
p.style.display='block';?
}
document.onmouseout=function(){
p.style.display='none';?
}
</script>
</html>上面是一段很簡單的測試代碼如果onmouseover冒泡 就應該觸發 onclick 事件 和 onmouseout事件 然而并沒有發生點擊onclik事件 也沒有觸發 onmouseout事件?那么冒泡是怎么一回事 ？
幫我分析下事件冒泡~~~~
清風流光
2017-05-06 18:31:23
