如何检查父元素中的单击,但不检查子元素中的单击？

document.getElementById('parent').addEventListener('click', function(event) {
    // 在这里处理父元素的单击事件
});

document.getElementById('parent').addEventListener('click', function(event) {
    if (event.target === this) {
        // 在这里处理父元素的单击事件
    }
});

document.getElementById('parent').addEventListener('click', function(event) {
    if (event.target === this) {
        // 在这里处理父元素的单击事件
        console.log('父元素被点击了');
    }
});