حبابی از رویداد ها در جاوا اسکریپت، مفهومیه که وقتی شما چندین رویداد رو برای انواع مختلف از المنت هاتون ست میکنید، اگر دو المنت پدر و فرزند رو براشون یک رویداد مشابه تعریف کنید که کار متفاوتی رو انجام میدن حبابی از رویداد ها رخ میده که ممکنه باعث بوجود اومدن مشکلاتی در وبسایتتون بشه برای مثال در نظر داشته باشین که ما دو المنت فرزند و پدر باتن و دیو رو کنار هم داریم.
اگر برای هردوشون دوتا رویداد کلیک تعریف کنیم که کار متفاوتی رو انجام میدن و در صورتی که کاربری روی دکمه کلیک کنه رویداد ابتدا برای دکمه و سپس در دیو پدیدار میشه.
برای جلوگیری از این موضوع، پارامتر پاس داده شده به تابع رویدادمون یک متودی داره که میتونه این کار رو برای ما انجام بده e => { e.stopPropagation() } برای درک بیشتر تصویر زیر رو مشاهده کنید.
همچنین ما میتونیم بجای مفهوم Event Bubbling (حبابی از رویداد ها)، Event Capturing رو داشته باشیم.
این نوع از رویداد ها در واقع بالعکس حبابی از رویداد ها عمل میکنه و بجای ورود از فرزند از پدر رویداد ها پدیدار میشه. مثلا شما اگه روی باتن کلیک کنید، ابتدا روی دیو اعمال میشه و سپس روی باتن. در پست های بعدی حتما مثال این نوع از رویداد هارو خواهم زد.
