• 7Learn Discount
  • illustrator Curse
  • 7Learn Android Course
  • 7Learn SEO Course
  • 7Learn WP Theme Course

    حرفه ای ترین دوره آموزش طراحی قالب وردپرس



  آیا می دانید تا کنون 6258 نفر در 14 دوره آموزشی سون لرن ثبت نام کرده اند !

ترفندهای پیشرفته jQuery (قسمت 16)

0 393 ۶ مهر ۹۴

در این قسمت با ادامه ترفندهای پیشرفته jQuery در خدمت شما هستیم.
jquery trickshot

موضوع سوم : رویدادها

ترفند 31 : جلوگیری سریع از اقدامات پیش فرض

شما به احتمال زیاد با متد preventDefault آشنایی دارید که درون یک رویداد قرار میگیره. این متد باعث میشه که مرورگر اقدامات پیش فرض رو انجام نده و متوقف بشه. مثلا جلوی دنبال کردن لینکها ، ارسال شدن فرمها ، تیک خوردن چک باکس ها و ... رو بگیره. همچنین یک متد دیگه بنام stopPropagation وجود داره که از Bubbling در DOM جلوگیری میکنه و مانع اون میشه. اگر در یک بلاک مدیریت رویداد مقدار false رو برگشت بدین ، مثل این میمونه که همزمان دو متد بالا رو استفاده کرده اید و فراخوندید. همچنین یک راه ساده تر و کوتاهتر وجود داره که براتون قرار میدم:

کد HTML:

کدهای JS:

شما بصورت ساده میتونین از این کد استفاده کنید:

با اینکار هر چه که روی لینک کلیک کنید ، هیچ عکس العملی نشون داده نمیشه.

شما میتونین از راه ساده و حرفه ای زیر بجای کد بالایی استفاده کنید:

این کد همون کار کد بالایی رو انجام میده. با این تفاوت که ساده تر و کوتاهتر و خوش دست تره!

ترفند 32 : با استفاده از event.result رویدادهارو بهم ربط بدین

این که دو یا چند Event Handler رو به یک المنت نسبت بدیم کار غیرمتداولی هست. اما با استفاده از event.result شما میتونین اطلاعات و داده ها رو از یکی به دیگری بفرستید و تقریبا اونا رو بصورت زنجیره ای در بیارین.

کد HTML:

کد JS:

همونطور که دیدین در ابتدا یک متغیر ساختیم و دکمه مورد نظر رو درونش قرار دادیم. بعد از اون یک رویداد کلیک تعریف کردیم و یک رشته رو return کردیم. با اینکار این رشته در ویژگی result رویداد ذخیره میشه و میتوان از اون در مواقع دیگه استفاده کرد. بصورت زیر:

میبینید که ایندفعه با استفاده از e.result به رشته برگشت داده شده در رویداد قبلی دسترسی پیدا کردیم و رشته Hip Hop در Console نمایش داده میشه.

امیدوارم از این مطلب خوشتون اومده باشه.

موفق و پیروز باشید

یا علی

Source

:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

دیدگاه ها اولین دیدگاه این مطلب را ارسال کنید.

ارسال دیدگاه

ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

:: شما می توانید با استفاده از اکانت یاهو یا جیمیل خود به صورت کاملا امن، سریع و بدون نیاز به ورود اطلاعات عضو و وارد سایت شوید. در این صورت هیچ نیازی به ورود نام کاربری و رمز عبور خود نخواهید داشت و هویت شما از طریق ایمیلتان مورد تائید قرار می گیرد .
برای استفاده از این روش باید در اکانت گوگل(جیمیل) و یا یاهوی خود لاگین باشید .
عضویت/ ورود سریع با :
در حال اتصال ...

ورود به سایت

ورود سریع با :
در حال اتصال ...

جستجو در سون لرن

عبارت :
7LearnTelegram