javascript - Certains événements ne prennent-ils pas en charge le bouillonnement d'événements?
Ce qui précède est un code de test très simple
Si des bulles onmouseover, l'événement onclick et l'événement onmouseout doivent être déclenchés. Cependant, cela ne se produit pas. Cliquez sur l'événement onclik et l'événement onmouseout n'est pas déclenché
Alors, quels sont les détails. des événements qui ne supportent pas le bouillonnement ?
<!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>
