【JavaScript】阻止事件冒泡和默认行为
warning:
这篇文章距离上次修改已过180天，其中的内容可能已经有所变动。
在JavaScript中，阻止事件冒泡可以通过调用事件对象的stopPropagation()方法实现，而阻止事件的默认行为通常是调用事件对象的preventDefault()方法。
以下是一个示例代码，展示了如何在一个点击事件中同时阻止事件冒泡和默认行为：
document.getElementById('myButton').addEventListener('click', function(event) {
// 阻止事件冒泡
event.stopPropagation();
// 阻止事件的默认行为
event.preventDefault();
// 执行其他操作...
console.log('Button clicked!');
});在这个例子中，当用户点击id为myButton的元素时，会触发这个事件监听器。在事件处理函数中，首先调用event.stopPropagation()来阻止事件冒泡，然后调用event.preventDefault()来阻止事件的默认行为。如果有其他操作需要执行，可以在这之后进行。
评论已关闭