#استخدامی
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