خب بعد از یه مدت که تماما پست های طولانی منتشر کردیم تصمیم دارم که پست های کوتاه تر منتشر کنم 🤔

و این هم یک بازخورد بود که از پست های گذشته گرفتم 😁

امروز می خواهیم در مورد Event.preventDefault صحبت کنیم ! بعضی جاها مثل React ممکنه اون رو با e.preventDefault هم دیده باشید 🤓

داستان چیه؟

در گذشته خدابیامرز جی کوئری که توی اوج بود یک api به همین نام داشت و بیشتر برای element هایی مثل دکمه ها ، چک باکس ها و فرم ها استفاده می شد.

اما خب امروز میخوایم بدونیم این تابع چی هست و کارش چیه !

در ابتدا لازمه معنیش رو بدونید ! e.preventDefault به معنای جلوگیری از یک حالت یا یک رفتار پیش فرض هست.

منظورت چیه؟

خب ببینید شما وقتی روی یک چک باکس کلیک می کنید انتظار دارید چه اتفاقی بیوفته !؟

  • گزینه اول : از دوست صمیمیتون تماس تلفنی دریافت کنید
  • گزینه دوم : چک باکس مورد نظر فعال بشه و سپس تیک بخوره !

اگه خوش شانس باشید و در اون لحظه دوست صمیمیتون بهتون تلفن نکنه باید منتظر گزینه ی دوم باشید !

پس تیک خوردن یک رفتار پیش فرض برای چک باکس به شمار میاد !

یا مثلا submit شدن یک رفتار پیش فرض برای دکمه ی فرم هست !

خب حالا که چی؟

حالا که این رو متوجه شدید باید بدونید ما گاهی دوست نداریم که یک کار پیش فرض انجام بشه  و چراش هم به خودمون مربوطه 😁

فرضا دوست داریم ورودی های فرم رو قبل از ارسال با متد GET یا POST اعتبار سنجی کنیم !

خب پس نباید دکمه ی فرم ما رفتار همیشگیش رو داشته باشه ! همچنین در React وقتی یک فرم می سازید خب طبیعتا با کلیک کردن روی دکمه ی submit صفحه reload میشه و اپلیکیشن شما خاصیت SPA خودش رو از دست میده پس دیدین!؟ بازم لازم داریم در جاهایی رفتار همیشگی رو نداشته باشیم.

و به همین دلیل از این تابع استفاده می کنیم !

و اما یک مثال هم براتون در کدپن میزارم که می تونید با کلیک روی دکمه یک مثال کاربری رو ببینید :👇

Open Example in CodePen

ما از اسپم متنفریم

برای شما ارزش زیادی قائلیم و قرار نیست براتون اسپم ارسال کنیم !

تنها داغ ترین و مفید ترین موضوعات برای شما ارسال خواهد شد

با موفقیت عضو شدید!