راکت

رویدادها در جاوا اسکریپت

سلام دوستان روزتون بخیر .
فرض کنید دو تا المنت تو در تو داریم که برای هر کدوم از این المنت ها مثلا در رویداد onclickش کدی نوشته شده حالا مشکل اینه اگه ما روی المنت والد کلیک کنیم کد مربوط به رویداد خودش اجرا میشه و اگه روی المنت فرزند هم کلیک کنیم باز هم کد مربوط به رویدا والدش اجرا میشه . چیکارکنم که این دو تا رویداد فقط زمانی که روی هر کدوم کلیک کردم اجرا بشن و با کلیک روی المنت فرزند کد المنت والد اجرا نشه.


ثبت پرسش جدید
میلاد-م
میلاد-م
تخصص :توسعه‌دهنده رابط کاربری - Front-End
@milad5 سال پیشمطرح شد
1

به کمک تابع event.stopPropagation() از انتشار رویداد فرزند در عنصر والد جلوگیری کنید:
https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_event_stoppropagation


بامداد
بامداد
@bamdad5 سال پیشمطرح شد
1

اگر از JQuery استفاده می کنید
لینک
و اگر از Pure Js استفاده می کنید
لینک


massoud malayerian
massoud malayerian
تخصص :بک اند کار مشغول در شهرداری مشهد
@malayeri14165 سال پیشمطرح شد
1

لطفا از گزینه stopPropagation استفاده بفرمایید


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام