本篇文章给大家带来的内容是关于javascript冒泡事件的用法示例（代码），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。
说明：当下层元素和上层元素支持同一事件，当上层事件触发时，下层事件也触发，这就叫事件冒泡。
取消事件冒泡：ev.cancelBubble = true
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
body{
background:yellow;}
div{
width:300px;
height:300px;
background:green;
}
</style>
</head>
<body onclick="di()">
<div onclick="ding()"></div>
</body >
<script>
function di(){
alert('底层')
}
function ding(e){
var ev = e|| event
// 取消事件冒泡，其实是阻止事件向下传递
ev.cancelBubble = true
alert('上层社会')
}
</script>
</html>点击上层div，会连带触发下层事件。取消冒泡只需要：ev.cancelBubble = true
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
La différence entre MATE60 et MATE60PRO
Quelle est la différence entre l'écran d'origine et l'écran assemblé ?
Une liste complète des DNS publics couramment utilisés
Que signifie le contexte ?
Python est-il front-end ou back-end ?
Quels sont les serveurs web ?
Quel est le système qad ?
Quelles sont les monnaies virtuelles qui pourraient exploser en 2024 ?
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
