js 多个div点击事件

// 假设有多个div，id分别为div1, div2, div3...
document.getElementById('div1').addEventListener('click', function() {
    console.log('Div 1 clicked');
});

document.getElementById('div2').addEventListener('click', function() {
    console.log('Div 2 clicked');
});

// ...为每个div添加事件监听器

// 假设所有需要监听点击事件的div都在一个父元素container内
document.getElementById('container').addEventListener('click', function(event) {
    if (event.target.tagName === 'DIV') {
        console.log('Div clicked:', event.target.id);
    }
});

document.addEventListener('DOMContentLoaded', function() {
    // 在这里绑定事件监听器
});

var element = document.getElementById('myDiv');
var handler = function() { console.log('Clicked!'); };

// 移除之前可能存在的事件监听器
element.removeEventListener('click', handler);

// 再添加新的事件监听器
element.addEventListener('click', handler);