如何避免“双重”事件双重绑定？

function addEvent(element, event, handler) {
    if (!element.hasAttribute(event)) {
        element.addEventListener(event, handler);
        element.setAttribute(event, 'true');
    }
}

// 使用示例
const button = document.querySelector('button');
addEvent(button, 'click', () => alert('Button clicked!'));

document.body.addEventListener('click', function(event) {
    if (event.target.matches('button')) {
        alert('Button clicked!');
    }
});

function bindEvent(element, event, handler) {
    element.removeEventListener(event, handler); // 先移除
    element.addEventListener(event, handler);   // 再添加
}

// 使用示例
const button = document.querySelector('button');
bindEvent(button, 'click', () => alert('Button clicked!'));