推荐答案
阻止事件冒泡
可以使用 event.stopPropagation() 方法来阻止事件冒泡。该方法会阻止事件继续向上层父元素传播。
element.addEventListener('click', function(event) {
event.stopPropagation(); // 阻止冒泡
console.log('点击了当前元素');
});阻止事件的默认行为
可以使用 event.preventDefault() 方法来阻止事件的默认行为。例如，阻止链接的跳转或表单的提交。
// www.javascriptcn.com code example
link.addEventListener('click', function(event) {
event.preventDefault(); // 阻止默认行为（链接跳转）
console.log('点击了链接，但阻止了跳转');
});
form.addEventListener('submit', function(event) {
event.preventDefault(); //阻止表单提交
console.log('阻止了表单提交')
});本题详细解读
事件冒泡
事件冒泡是指当一个元素上的事件被触发时，该事件会依次向其父元素、祖先元素传播，直到到达文档根元素（document）。 这种事件传播机制允许在父元素上捕获子元素上触发的事件。
event.stopPropagation()
event.stopPropagation() 是事件对象（event）的一个方法，用于阻止事件冒泡。调用该方法后，事件将不再向上层元素传播。这对于需要精确控制事件触发范围的场景非常有用，例如，当父元素和子元素都绑定了相同的事件监听器时，可以使用该方法只执行子元素上的监听器。
事件默认行为
事件默认行为是指浏览器对特定事件的预定义响应。例如，点击链接（<a>标签）会触发页面跳转，点击表单提交按钮（<button type="submit"> 或 <input type="submit">）会触发表单提交等。
event.preventDefault()
event.preventDefault() 同样是事件对象的一个方法，用于阻止浏览器对事件的默认行为执行。例如，可以使用该方法阻止链接的跳转，或阻止表单的默认提交行为，转而使用 JavaScript 进行处理。
区别与联系
stopPropagation()阻止的是事件的传播（向上冒泡），但不会阻止事件的默认行为。preventDefault()阻止的是事件的默认行为，但不会影响事件的传播。
这两个方法通常可以结合使用，以实现对事件更精细的控制。例如，可以在点击链接时，既阻止链接的跳转（preventDefault()），又阻止父元素上的点击事件监听器被触发（stopPropagation()）。