In Javascript wird die Ereignisblase vom Knoten erzeugt und wirkt sich dann schrittweise auf den übergeordneten Knoten aus, bis sie sich schließlich langsam auf die gesamte Seite auswirkt. Manchmal möchten wir jedoch das Auftreten von Ereignisblasen oder sogar das Auftreten des Ereignisses verhindern selbst? Dieser Artikel führt Sie dazu, es gemeinsam herauszufinden.
1. Verhindern Sie, dass Ereignisse sprudeln.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
.boxA {
overflow: hidden;
width: 300px;
height: 300px;
margin: 100px auto;
background-color: blue;
text-align: center;
}
.boxB {
width: 200px;
height: 200px;
margin: 50px;
background-color: green;
line-height: 200px;
color: #fff;
}
</style>
</head>
<body>
<div class="boxA">
<div class="boxB">boxB</div>
</div>
<script>
var boxA = document.querySelector('.boxA');
var boxB = document.querySelector('.boxB');
boxA.onclick = function (e) {
console.log('我被点击了boxA');
};
boxB.onclick = function (e) {
e.cancelBubble=true; //不冒泡
console.log('我被点击了boxB');
};
</script>
</body>
</html>2. Verhindern Sie, dass Ereignisse passieren
Das obige ist der detaillierte Inhalt vonWie Javascript verhindert, dass Ereignisse sprudeln und das Ereignis selbst eintritt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
