#استخدامی

1.Event bubbling , Event Capturing

آقا دارم مقاله جمع میکنم برای سوالایی که از خودم پرسیدن و احتمال زیاد از شما میپرسن
تا موقعی که تموم شه دونه دونه براتون اینجا پست میکنم 🌹

خب آقای x خانم y , شما راجب مفهوم event bubbling  میتونید به ما یه توضیحی بدید؟؟

قبل از توضیح بزارید با کد نشونتون بدم


<div >
    <p >Click Me</p>
</div>

حالا مثلا یه onclick به جفتشون میدم هم div هم بچش که p هستش

document.querySelector('div');
.addEventListener('click', function() {
Console.log("you click div");
});

document.querySelector('p');
.addEventListener('click', function() {
Console.log("you click P!");
});

اوکیه ؟؟؟

من الان اگه رو P بزنم ، یعنی رو Click Me
چه اتفاقی میفته بنظرتون ؟؟؟

✅اول p اجرا میشه ، بعد بلافاصله div اجرا میشه

یعنی از child رفت به parent ، رفتش بالا

به این مفهموم میگن bubbling

حالا capturing دقیقا برعکس اینه 😁


یه سوال خفن دیگه ، اومد پرسید برای مدیریت کردن این موضوع از چه متودی استفاده میکنی چی بگیم؟؟

یعنی اومد گقت که میخوام فقط رو هر چی کلیک کردی مثلا فقط p اجرا بشه !!

✅میگی closest()


فصل ۱۳ دوره جوناس 😄🌹


پستو سیو کنید ، اگه این کارم حمایت شه و ریکشن بالای ۲۰۰ تا بگیره هر روز سعی میکنم یه سوال خفن بزارم براتون و از #استخدامی برای دسترسی سریع به سوالا استفاده کنید ❤️

🌎 devsub.ir
@developersubtitle