上面是一段很簡單的測試程式碼
如果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。
事件觸發機制不一樣 肯定不能傳播