Javascript: Event delegation example

jquery-child-event-delegation.js

// event listener on each child node
$('#parent li').on('click', function(e) {
    console.log('List item:', e.target.id, 'was clicked');
});

jquery-parent-event-delegation.js

// event listener on parent node
$('#parent').on('click', 'li', function(e) {
    console.log('List item:', e.target.id, 'was clicked');
});

js-event-delegation.js

// event listener on parent node
document.getElementById('parent').addEventListener('click', function(e) {
    if (e.target && e.target.nodeName === 'LI') {
        console.log('List item:', e.target.id, 'was clicked');
    }
});