غیر فعال کردن عملکرد معمول یک عنصر از صفحه (مثلا غیر فعال کردن یک لینک)، با روش preventDefault ، در jQuery
همان طور که می دانید، هر عنصر از صفحه، عملیاتی خاص را انجام می دهد. مثلا ما با کلیک بر روی یک لینک که با تگ a ساخته می شود، به یک صفحه جدید منتقل می شویم. اما ممکن است که بخواهیم عملیات مربوط به عنصر را غیر فعال کنیم، مثلا تعیین کنیم که دیگر با کلیک بر روی لینک (تگ a)، کاربر به صفحه مربوط به لینک منتقل نشود. برای اینگونه موارد، روش preventDefault در jQuery به کار می رود.
مثلا فرض کنید که بخواهیم تمامی لینک های یک صفحه را غیرفعال کنیم، برای این منظور، کدهای زیر را می نویسیم :
و یا اگر بخواهیم آن را با رویداد ready به کار ببریم، کدها به صورت زیر می باشند :
به مثال زیر توجه کنید :
دقت شود که در کدهای بالا، رویداد click برای تگ a را ذکر کرده ایم، زیرا با کلیک بر روی تگ a است که به صفحه مربوط به لینک منتقل می شویم.
نتیجه :
با کلیک بر روی لینک ها، هیچ اتفاقی نمی افتد :
در کل، هنگامی که می خواهیم برای یک عنصر خاص، یک سری ویژگی تعیین کنیم که هنگام وقوع یک رویداد (event) (مثلا کلیک کردن روی عنصر) باید اجرا شوند، ابتدا باید عملیات هایی که آن عنصر، هنگام وقوع آن رویداد (event) انجام می دهد را غیر فعال کنیم (البته در صورتی که نامطلوب باشند) و سپس عملیات های مورد نظرمان را برای آن تعریف کنیم.
حامد سلام
این مطلب خیلی عالی بود خیلی استفاده کردم
سپاسگذارم از مطالب عالیتون
خداقوت
AliShahan با سلام
حالا اگه بخوایم یک شرط بنویسیم با جی کوئری و بگیم اگه این شرط برقرار بود لینک رو دوباره کار بنداز
باید چه کدی بزنیم که کد preventdefault کار نکنه
و فقط اگه شرط برقرار نبود preventdefault کار کنه