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

- visibility ٠ mode_comment

در این قسمت با ادامه ترفندهای پیشرفته 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

comment دیدگاه کاربران

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.