آموزش طراحی وب

رویدادها در جی کوئری

Event Handler ها متدهایی هستند که وقتی «اتفاقی در صفحه HTML رخ می دهد» صدا زده می شوند.

jquery events

فصل سوم (Event ها در جی کوئری)

جلسه اول (Jquery Events و یا رویدادهای جی کوئری)

Event Handler ها متدهایی هستند که وقتی «اتفاقی در صفحه HTML رخ می دهد» صدا زده می شوند.

توابعی که بین این کد قرار میگیرد ، در صورتی اعمال می شود که صفحه کامل باز شده باشد و لود آن کامل شده باشد :

توابعی که بین این دو کد قرار میگیرد ، در صورتی اعمال می شود که بر روی selector مورد نظر کلیک شود (رویداد Click  و یا  mousedown رخ بدهد) :

توابعی که بین این کد قرار میگیرد ، در صورتی اعمال می شود که بر روی selector مورد نظر دابل کلیک شود (رویداد دابل کلیک رخ بدهد) :

توابعی که بین این کد قرار میگیرد ، در صورتی اعمال می شود که در selector مورد نظر فوکاس شود (متمرکز شود به عنوان مثال Pointer موس بر روی یک فیلد متنی قرار بگیرد و آن فیلد آماده ی تایپ شود به این رویداد Focus می گویند) :

توابعی که بین این دو کد قرار میگیرد ، در صورتی اعمال می شود که موس بر روی selector مورد نظر قرار بگیرد .

توابعی که بین این کد قرار میگیرد ، در صورتی اعمال می شود که موس از روی selector مورد نظر برداشته شود .

 حالا به کد زیر دقت فرمایید :

 در تکه کد بالا وقتی موس روی سلکتور قرار میگیرد یک پیغام و وقتی موس از روی سلکتور برداشته می شود یک پیغام نمایش داده می شود .

 حالا که با رویدادها آشنا شدید ، باهم کدی مینویسیم که پس از اینکه بر روی فیلد متنی کلیک شد و در آن متمرکز شدیم رنگ پس زمینه فیلد متنی به رنگ خاکستری دربیاید و زمانی که از حالت فوکاس خارج شد به رنگ قرمز دربیاید .

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

تهیه شده در مدرسه آنلاین ایرانیان

حسین همت یار

نویسنده در مدرسه مجازی ایرانیان ، دانشجوی رشته IT ، طراح وب و علاقه مند به تازه های دنیای اینترنت و وب و البته لینوکس

ثبت دیدگاه

آیا سوالی دارید؟

پنل کاربران

بستن
*
*

نظرسنجی

به کدام دسته موضوعی علاقه مند هستید؟

آخرین پرسش و پاسخ ها

اموزش تصادفی

خبرهای باحال دریافت کن

خبرهای باحال دریافت کن

ما هم مثل شما از دریافت ایمیل های مزاحم خوشمون نمیاد. فقط مطالب جدید و خبرهای ویژه رو به اطلاع شما میرسونیم. قول میدیم اسپم نکنیم :)

ثبت نام انجام شد ، لطفا ایمیلی که براتون ارسال میشه رو تایید کنین