مرجع رویدادها (Events) در JQuery
در این بخش از آموزش JQuery به معرفی مهمترین و پرکاربردترین رویدادهای زبان jQuery
می پردازیم . رویدادها اتفاقاتی هستند که بر روی عناصر موجود در صفحات وب
انجام می شوند مثل کلیک کردن و یا عبور موس از روی آن . شما می توانید
کدهای مورد نظر خود را طوری طراحی کنید که پس از اجرای یک رویداد خاص اجرا
شوند .
لیست زیر شامل مهمترین رویداد ها در jquery می باشد :
نام رویداد | شرح |
()ready | این رویداد ready زمانی اجرا می شود که صفحه وب ما بطور کامل بارگذاری شود |
()click | وقتی که کاربر روی یک عنصر html ای کلیک می کند رویداد click اجرا می شود |
()dblclick | وقتی که کاربر روی یک عنصر html ای دابل کلیک می کند رویداد dblclick اجرا می شود |
()mouseenter | وقتی که اشاره گر ماوس وارد محتوای تگ html می شود رویداد mouseenter اجرا می شود |
()mouseleave | وقتی که اشاره گر ماوس محتوای تگ html ترک می کند رویداد mouseleave اجرا می شود |
()mousedown | زمانیکه دکمه ماوس روی عنصر مورد نظر فشرده می شود رویداد mousedown اجرا می شود |
()mouseup | زمانیکه دکمه ماوس روی عنصر مورد نظر رها می شود رویداد mouseup اجرا می شود |
()hover | رویداد hover دو function دارد . و این دو ترکیبی از رویداد mouseenter و رویداد mouseleave میباشد. |
()focus | زمانیکه عنصری از یک فرم فاکوس را در اختیار می گیرد رویداد focus اجرا می شود |
()blur | زمانیکه عنصرمورد نظر از فرم فاکوس را از دست می دهد رویداد blur اجرا می شود |
()Change | رویداد change فقط برای عناصر درون فرم کاربرد دارد و زمانی فراخوانی می شود که محتوای یک عنصر تغییر کند |
()submit | رویداد submit زمانی اتفاق می افتد که یک فرم submit شده و به سرور ارسال شود . |
()toggle | رویداد toggle بین دو افکت ( ) show و افکت ( ) hide تغییر وضعیت می دهد . |
()unload | رویداد unload زمانی اتفاق می افتد که کاربر از صفحه جاری خارج می شود . برای مثال یکی ار استفاده های جالب این رویداد ، می تواند صدور یک پیام خداحافظی برای کاربر در زمانی که می خواهد صفحه را ببندد ، باشد . |
()select | رویداد select زمانی اتفاق می افتد که متن موجود در یک کادر متن ( textfield ) یا textarea ، انتخاب شود . |
()resize | رویداد resize زمانی اتفاق می افتد که اندازه پنجره مرورگر تغییر نماید . |
()scroll | رویداد scroll زمانی اتفاق می افتد که کاربر در یک عنصر صفحه ، عمل scroll ( بالا و پایین رفتن ) را انجام دهد . |
()focusin | رویداد focusin زمانی اتفاق می افتد که یک عنصر فرزند ( عنصری که در درون یک عنصر دیگر قرار گرفته است )، فوکوس برنامه را به دست آورد . |