<Div class="main"> <img ... >

Question

<Div class="main"> <img ... >

<span .... >
</div>

<script>
var main = document.querySelector('.main');
document.querySelector('html').addEventListener('click', function(e) {
if (e.target == main) {
alert(...);
}
});
</script>

подскажите плиз как сделать чтобы алерт вылетал если клик происходит по main и любому дочернему элементу в нём? сейчас он вылетает только если попал в пустое место в main, то есть img и span не участвуют