What is event bubbling in jQuery and how do you stop it?

<div id="outer"><button id="inner">Click</button></div>

$('#outer').on('click', function () { console.log('outer'); });
$('#inner').on('click', function () { console.log('inner'); });
$('#inner').click();
console.log('--- with stopPropagation ---');
$('#inner').off('click').on('click', function (e) { e.stopPropagation(); console.log('inner only'); });
$('#inner').click();

See jQuery Events.

• Previous Interview Question
• Next Interview Question

---

Tutorials
No Content Found.

Exercises & Assignments
No Content Found.

Interview Questions & Answers
No Content Found.