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

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



  آیا می دانید دوره های آموزشی سون لرن از جامع ترین و کاربردی ترین آموزش های موجود در سطح وب فارسی است!

ممکنه شما نیاز به jQuery نداشته باشید (قسمت 18)

0 218 ۲۷ بهمن ۹۴

در این مطلب با ادامه مطالب مربوط با کدهای جایگزین برای jQuery در خدمتتون هستم و امیدوارم که بدردتون بخوره.
Javascript-vs-jquery

موضوع 4 : کار کردن با رویدادها

مورد 4 : استفاده از Trigger custom

اگر بخوایم در jQuery از Trigger custom استفاده کنیم، بصورت زیر عمل میکنیم:

میبینید که در ابتدا el مورد نظر رو انتخاب کردیم و با استفاده از متد trigger میتونیم این مورد رو انجام بدیم. ابن متد دو ورودی دریافت میکنه که اولین اونا نام رویداد مورد نظر و دومی اطلاعات مورد نظر رو که قصد دارید قرار میدید.

حالا همین کار رو اگر بخواید با Javascript خالص انجام بدین بصورت زیر خواهد بود:

برای IE8 به بالا:

برای IE8 نمیتونید از این مورد استفاده کنید و تنها راه اینه که از jQuery استفاده کنید.

برای IE9 به بالا:

میبینید که در مرورگر ie9 به بالا راحتتر میتونین به این مورد دسترسی پیدا کنید. در ابتدا بررسی میشه که مرورگر از خصوصیت CustomEvent پشتیبانی میکنه یا خیر. اگر پشتیبانی بکنه که میتونین به راحتی از امکانات اون استفاده کنید و این کار رو انجام بدین. اگر نشه باید در ابتدا یک رویداد با استفاده از createEvent بسازید و بعد با استفاده از initCustomEvent میتونین اطلاعاتتون رو وارد کنید. در نهایت هم این رویدادی که ایجاد کردید رو با استفاده از متد dispatchEvent به المنت مورد نظر اعمال میکنیم.

مورد 5 : استفاده از Trigger Native

اگر بخوایم در jQuery از Trigger Native استفاده کنیم، بصورت زیر عمل میکنیم:

میبینید که در ابتدا el مورد نظر رو انتخاب کردیم و با استفاده از متد trigger میتونیم این مورد رو انجام بدیم.

حالا همین کار رو اگر بخواید با Javascript خالص انجام بدین بصورت زیر خواهد بود:

برای IE8 به بالا:

میبینید که در Javascript به راحتی میتونین این کار رو انجام بدین. با استفاده از کد بالا میتونین به هدف مورد نظر دسترسی پیدا کنید. میبینید که یک تابع بنام addEventListener تعریف شده و سه ورودی هم براش تعریف شده و میتونین اونو هر جا که بخاید فراخوانی کنید و ازش استفاده کنید.

برای IE9 به بالا:

میبینید که در مرورگر ie9 به بالا راحتتر میتونین به این مورد دسترسی پیدا کنید.

موضوع 5 : امکانات دیگر

مورد 1 : استفاده از bind

اگر بخوایم در jQuery از bind استفاده کنیم، بصورت زیر عمل میکنیم:

در jQuery که به راحتی میتونین این کار رو انجام بدین. میبینید که از متد proxy استفاده کردیم. این متد دو ورودی دریافت میکنه.

حالا همین کار رو اگر بخواید با Javascript خالص انجام بدین بصورت زیر خواهد بود:

برای IE8 به بالا:

میبینید که در Javascript به راحتی میتونین این کار رو انجام بدین. با استفاده از کد بالا میتونین به هدف مورد نظر دسترسی پیدا کنید. در اینجا از متد apply استفاده شده.

برای IE9 به بالا:

میبینید که در مرورگر ie9 به بالا راحتتر میتونین به این مورد دسترسی پیدا کنید. در اینجا از متد bind استفاده شده.

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

موفق و سربلند باشید.

یا علی

Source

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

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

ارسال دیدگاه

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

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

ورود به سایت

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

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

عبارت :
7LearnTelegram