مرجع رویدادها در HTML

مرجع رویدادها در HTML

در این درس از مجموعه آموزش برنامه نویسی سایت سورس باران، به آموزش مرجع رویدادها در HTML خواهیم پرداخت.

هنگامی که کاربران از وب سایت شما بازدید می کنند، کارهایی مانند کلیک روی پیوندهای مختلف، آوردن متن و تصاویر و غیره را انجام می دهند. اینها نمونه هایی از مواردی است که ما در JavaScript و VBScript را رویدادها (events) می نامیم.

ما می توانیم کنترل کننده های رویداد خود را با استفاده از JavaScript یا VBScript بنویسیم و می توان اقدامات مربوط به مرجع رویدادها در HTML را مشخص کرد. اگرچه اینها رویدادها هستند اما به عنوان مشخصاتی برای تگ های HTML مشخص می شوند.

مشخصات HTML 4.01 19 رویداد را تعریف کرده بود اما بعدا HTML-5 بسیاری از رویدادهای دیگر را اضافه کرده است که ما در اینجا لیستی از مرجع رویدادها در HTML  آماده کرده ایم –

ویژگی های پنجره رویدادها در HTML

رویدادهای زیر در نسخه های قدیمی HTML معرفی شده اند اما همه تگ هایی که با HTML-5 مشخص شده اند بخشی از HTML-5 هستند.

رویدادها	HTML-5	توضیحات
onafterprint		پس از چاپ یک سند راه اندازی می شود
onbeforeprint		قبل از چاپ سند راه اندازی می شود
onbeforeonload		قبل از بارگیری یک سند راه اندازی می شود
onerror		در هنگام بروز خطا راه اندازی می شود.
onhaschange		وقتی سندی تغییر کرده است راه اندازی می شود.
onload		هنگام بارگیری سند راه اندازی می شود.
onmessage		همراه با راه اندازی مسیج ها راه اندازی می شود
onoffline		وقتی سندی آفلاین می شود راه اندازی می شود
ononline		وقتی سندی آنلاین می شود راه اندازی می شود
onpagehide		هنگام مخفی بودن یک پنجره راه اندازی می شود
onpageshow		وقتی پنجره نمایان می شود راه اندازی می شود
onpopstate		هنگام تغییر تاریخچه یک پنجره راه اندازی می شود
onredo		هنگام انجام مجدد سند راه اندازی می شود
onresize		هنگام تغییر اندازه یک پنجره راه اندازی می شود
onstorage		هنگام بارگیری سند راه اندازی می شود
onundo		هنگام انجام لغو یک سند راه اندازی می شود
onunload		وقتی کاربر سند را ترک می کند راه اندازی می شود

فرم رویدادها

تگ های زیر در نسخه های قدیمی HTML معرفی شده اند اما همه تگ هایی که با HTML-5 مشخص شده اند بخشی از HTML-5 هستند.

رویدادها	HTML-5	توضیحات
onblur		وقتی فوکوس پنجره از بین می رود راه انداری می شود
onchange		با تغییر عنصر راه انداری می شود
oncontextmenu		با فعال شدن منوی زمینه راه اندازی می شود
onfocus		وقتی پنجره متمرکز می شود راه اندازی می شود
onformchange		با تغییر فرم راه اندازی می شود
onforminput		وقتی یک فرم ورودی کاربر را دریافت می کند راه اندازی می شود
oninput		وقتی یک عنصر ورودی کاربر را دریافت می کند راه اندازی می شود
oninvalid		هنگام نامعتبر بودن یک عنصر راه اندازی می شود
onreset		هنگام بازنشانی فرم راه اندازی می شود
onselect		وقتی عنصری انتخاب می شود راه اندازی می شود
onsubmit		وقتی فرم ارسال می شود راه اندازی می شود

رویدادهای صفحه کلید

رویدادهای ماوس

تگ های زیر در نسخه های قدیمی HTML معرفی شده اند اما همه تگ هایی که با HTML-5 مشخص شده اند بخشی از HTML-5 هستند.

رویدادها	HTML-5	توضیحات
onclick		با کلیک ماوس روی گزینه راه اندازی شود
ondblclick		هنگامی که روی ماوس دوبار کلیک کنید راه اندازی شود
ondrag		هنگام کشیدن یک عنصر راه اندازی می شود
ondragend		هنگامی که کشیدن یک عنصر پایان می یابد راه اندازی می شود
ondragenter		هنگامی که یک عنصر به یک هدف کاهش مقدار کشیده شده است، راه اندازی می شود
ondragleave		هنگامی پایان کشیدن عنصر یک هدف راه اندازی می شود
ondragover		هنگامی که یک عنصر بر روی یک هدف معتبر کشیده می شود راه اندازی می شود
ondragstart		در آغاز یک عملیات کشیدن راه اندازی می شود
ondrop		هنگامی که یک عنصر کشیده شده رها می شود راه اندازی می شود
onmousedown		هنگام فشار دادن دکمه ماوس راه اندازی می شود
onmousemove		هنگام حرکت اشاره گر ماوس راه اندازی می شود
onmouseout		هنگامی که نشانگر ماوس از یک عنصر خارج می شود راه اندازی می شود
onmouseover		وقتی نشانگر ماوس روی یک عنصر حرکت کند راه اندازی می شود
onmouseup		هنگام رها شدن دکمه ماوس راه اندازی می شود
onmousewheel		هنگام چرخش ماوس راه اندازی می شود
onscroll		هنگام پیمایش نوار پیمایشی یک عنصر راه اندازی می شود

رویدادهای مدیا

تگ های زیر در نسخه های قدیمی HTML معرفی شده اند اما همه تگ هایی که با HTML-5 مشخص شده اند بخشی از HTML-5 هستند.

رویدادها	HTML-5	توضیحات
onabort		هنگامی که یک رویداد متوقف می شود راه اندازی می شود
oncanplay		وقتی یک مدیا می تواندشروع به پخش کند، راه اندازی می شود، اما ممکن است مجبور به توقف بافر شود
oncanplaythrough		هنگامی که می توان بدون توقف برای بافر کردن، یک مدیا تا انتها پخش کرد راه اندازی می شود
ondurationchange		با تغییر طول یک رسانه راه اندازی می شود
onemptied		هنگامی که یک عنصر منبع رسانه به طور ناگهانی خالی می شود راه اندازی می شود
onended		وقتی یک رسانه به پایان رسید ، راه اندازی می شود
onerror		وقتی خطایی رخ می دهد راه اندازی می شود
onloadeddata		هنگام بارگیری داده رسانه راه اندازی می شود
onloadedmetadata		هنگام بارگیری مدت زمان و سایر داده های رسانه ای یک عنصر رسانه راه اندازی می شود
onloadstart		وقتی مرورگر شروع به بارگیری داده های رسانه می کند راه اندازی می شود
onpause		با توقف موقت داده های رسانه ای راه اندازی می شود
onplay		وقتی داده های رسانه ای شروع به پخش می کنند،راه اندازی می شود
onplaying		وقتی داده های رسانه شروع به پخش می کنند راه اندازی می شود
onprogress		هنگامی که مرورگر اطلاعات رسانه را واکشی می کند راه اندازی می شود
onratechange		هنگامی که میزان پخش داده های رسانه تغییر کرده است راه اندازی می شود
onreadystatechange		هنگامی که حالت آماده به کار تغییر می کند راه اندازی می شود
onseeked		هنگامی که ویژگی جستجوی یک عنصر رسانه دیگر درست نیست و جستجو به پایان رسیده است راه اندازی می شود
onseeking		وقتی ویژگی جستجوگر یک عنصر رسانه درست است و جستجو آغاز شده است راه اندازی می شود
onstalled		هنگام خطای در واکشی داده های رسانه راه اندازی می شود
onsuspend		هنگامی که مرورگر داده های رسانه را واکشی می کند ، اما قبل از واکشی کل پرونده رسانه متوقف شده است راه اندازی می شود
ontimeupdate		وقتی رسانه موقعیت پخش خود را تغییر می دهد راه اندازی می شود
onvolumechange		هنگامی که رسانه میزان صدا را تغییر می دهد ، همچنین هنگامی که میزان صدا روی “بی صدا” تنظیم می شود راه اندازی می شود
onwaiting		وقتی رسانه پخش خود را متوقف کرد، اما انتظار می رود از سر گرفته شود راه اندازی می شود

منبع.

لیست جلسات قبل آموزش HTML

1. 1. معرفی HTML
   2. نگاهی کلی به HTML
   3. آموزش تگ های پایه در HTML
   4. آموزش عناصر در HTML
   5. مفهوم ویژگی ها در HTML
   6. آموزش قالب بندی در HTML
   7. آموزش تگ های عبارت در HTML
   8. آموزش متا تگ ها در HTML 
   9. آموزش کامنت ها در HTML
   10. تصاویر در HTML
   11. آموزش جداول در HTML
   12. آموزش لیست ها در HTML
   13. آموزش لینک های عکس در HTML
   14. آموزش لینک های ایمیل در HTML
   15.  آموزش فریم ها در HTML
   16. آموزش Iframes در HTML
   17. آموزش بلوک در HTML
   18. آموزش پس زمینه در HTML
   19. آموزش رنگ ها در HTML
   20. آموزش فونت ها در HTML
   21. آموزش فرم ها در HTML
   22. آموزش چندرسانه ای در HTML 
   23. مفهوم Marquee در HTML 
   24. آموزش تگ Header در HTML
   25. آموزش Style Sheet در HTML
   26. مرجع تگ ها در HTML 
   27. مرجع ویژگی ها در HTML