- آموزش طراحی وب - http://www.iranweblearn.com -

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

jquery events

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

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

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

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

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

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

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

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

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

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

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

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

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

تهیه شده در مدرسه مجازی ایرانیان [1]