请解释一下JavaScript事件冒泡机制 ？
事件冒泡是DOM（文档对象模型）中的一种事件传播方式。当一个子元素上的事件被触发时，这个事件会从最深层的元素开始，逐层向上传播，直到传播到最外层的元素（通常是document对象或者window对象）。
例如，假设你有一些嵌套的元素，如下所示：
<div id="outer">
<div id="inner">
<button id="button">Click me</button>
</div>
</div>
现在，如果你点击了这个按钮，那么”click”事件首先会在button元素上触发，然后会冒泡到inner元素，接着会冒泡到outer元素，最后会冒泡到document和window对象。
你可以通过在事件处理函数中调用event.stopPropagation()方法来阻止事件冒泡。例如：
let button = document.getElementById('button');
button.addEventListener('click', function(event) {
event.stopPropagation();
console.log('Button clicked, but the event will not bubble up');
});
在这个例子中，当你点击按钮时，虽然会触发”click”事件，但这个事件不会冒泡到包含按钮的任何元素，因为我们在事件处理函数中调用了event.stopPropagation()。
事件冒泡是事件传播的默认机制，但请注意，还有另一种事件传播的方式，叫做事件捕获，它是从最外层的元素开始，逐层向内传播，直到传播到触发事件的元素。