上面是一段很简单的测试代码
如果onmouseover冒泡 就应该触发 onclick 事件 和 onmouseout事件 然而并没有发生
点击onclik事件 也没有触发 onmouseout事件
那么具体有哪些不支持冒泡的事件？
<!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>
<p id="d">
<span>
点击
</span>
<p>浮动</p>
</p>
</body>
<script>
var d=document.getElementById('d')
var s=document.getElementsByTagName('span')[0];
var p=document.getElementsByTagName('p')[0];
d.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>
你对冒泡机制的理解有问题吧。冒泡是事件在不同层级之间的传播。。。
例如load、unload、blur、focus、mouseleave......
详细内容见W3C文档：文档中事件的Bubbles属性为NO的不支持冒泡
冒泡也得是同类型的事件，比如click只能触发click。
事件触发机制不一样 肯定不能传播