js多个绑定点击事件绑定事件

// 假设有一组按钮
const buttons = document.querySelectorAll('.btn');

buttons.forEach(button => {
    button.addEventListener('click', function() {
        console.log('Button clicked:', this.textContent);
    });
});

// 假设按钮都在一个父容器内
const container = document.getElementById('button-container');

container.addEventListener('click', function(event) {
    if (event.target.classList.contains('btn')) {
        console.log('Button clicked:', event.target.textContent);
    }
});

document.addEventListener('DOMContentLoaded', function() {
    const buttons = document.querySelectorAll('.btn');
    buttons.forEach(button => {
        button.addEventListener('click', function() {
            console.log('Button clicked:', this.textContent);
        });
    });
});

const buttons = document.querySelectorAll('.btn');
buttons.forEach(button => {
    button.removeEventListener('click', existingHandler); // 移除已有的事件监听器
    button.addEventListener('click', function() {
        console.log('Button clicked:', this.textContent);
    });
});