js如何取消事件

document.querySelector('a').addEventListener('click', function(event) {
    event.preventDefault(); // 取消链接的默认跳转行为
    console.log('链接点击事件被处理，但不会跳转');
});

// 父元素
document.querySelector('.parent').addEventListener('click', function() {
    console.log('父元素被点击');
});

// 子元素
document.querySelector('.child').addEventListener('click', function(event) {
    event.stopPropagation(); // 阻止事件冒泡到父元素
    console.log('子元素被点击');
});

function handleClick() {
    console.log('按钮被点击');
}

const button = document.querySelector('button');
button.addEventListener('click', handleClick);

// 在某个条件下移除事件监听器
if (someCondition) {
    button.removeEventListener('click', handleClick);
}

document.querySelector('button').addEventListener('click', function() {
    console.log('按钮被点击，但这个监听器只会执行一次');
}, { once: true });