- communauté
- Apprendre
- Bibliothèque d'outils
- Loisirs
Maison > Questions et réponses > le corps du texte
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>
PHP中文网2017-05-19 10:20:25
Il se peut qu’il y ait un problème avec votre compréhension du mécanisme de bouillonnement. Le bouillonnement est la propagation d'événements entre différents niveaux. . .
伊谢尔伦2017-05-19 10:20:25
Par exemple, charger, décharger, flouter, mettre au point, quitter la souris...
Pour plus de détails, veuillez consulter le document W3C : Les événements dont l'attribut Bulles est NON dans le document ne prennent pas en charge le bouillonnement
漂亮男人2017-05-19 10:20:25
Le bouillonnement doit également être le même type d'événement. Par exemple, un clic ne peut que déclencher un clic.
Le mécanisme de déclenchement de l'événement est différent et il ne se propagera certainement pas
