Di atas adalah kod ujian yang sangat mudah
Jika onmouseover buih, acara onclick dan onmouseout harus dicetuskan, bagaimanapun, ia tidak berlaku. Klik pada acara onmouseout tidak dicetuskan peristiwa yang tidak menyokong menggelegak?
<!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>
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Mungkin ada yang salah dengan pemahaman anda tentang mekanisme menggelegak. Bubbling ialah penyebaran peristiwa antara tahap yang berbeza. . .
Contohnya, muat, bongkar, kabur, fokus, biarkan tetikus...
Untuk butiran, sila lihat dokumen W3C: Acara yang atribut Buihnya TIDAK dalam dokumen tidak menyokong menggelegak
Bubbling juga mestilah jenis acara yang sama Contohnya, klik hanya boleh mencetuskan klik.
Mekanisme pencetus peristiwa adalah berbeza dan pastinya tidak akan merebak