Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
const list = document.querySelector('ul'); list.addEventListener('click', function(e) { if (e.target.tagName === 'LI') { console.log('Clicked item:', e.target.textContent); } }); document.addEventListener('click', function(e) { console.log('Bubble reached document'); }, false); document.addEventListener('click', function(e) { console.log('Capture phase:', e.target.tagName); }, true); const inner = document.querySelector('.inner'); inner.addEventListener('click', function(e) { e.stopPropagation(); console.log('Stopped here'); });
Result
Open