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

در این پست آموزشی لیست تمامی رویداد های عمومی در HTML را قرار داده ایم ، لطفاً جهت کسب اطلاعات بیشتر در رابطه با هر رویداد برروی نام رویداد مورد نظر در جداول کلیک کنید.

HTML این قابلیت را دارد و میتواند از رویداد ها در عناصر پشتیبانی کند ، شما با استفاده از event ها در عناصر HTML قادر خواهید بود تا یکسری کد های Javascript را به صورت درون خطی روی عناصر اجرا کنید.

رویداد های مربوط به بدنه

رویداد هایی که برای بدنه ( window ) ایجاد شده اند ( روی تگ <body> اعمال می شوند )

رویداد	مقدار	توضیحات
onafterprint	اسکریپت	اسکریپت بعد از عمل چاپ صفحه اجرا می شود
onbeforeprint	اسکریپت	اسکریپت قبل از عمل چاپ صفحه اجرا می شود
onbeforeunload	اسکریپت	اسکریپت زمانی که سند در حال بارگیری است اجرا می شود
onerror	اسکریپت	اسکریپت هنگام بروز خطا اجرا می شود
onhashchange	اسکریپت	وقتی قسمت لنگر یا anchor از یک URL تغییر کند این رویداد رخ میدهد
onload	اسکریپت	بعد از بارگذاری کامل صفحه این رویداد اجرا می شود
onmessage	اسکریپت	وقتی یک پیغام از سمت سرور ایجاد شود این رویداد اجرا می شود
onoffline	اسکریپت	وقتی مرورگر در حالت آفلاین باشد این رویداد اجرا می شود
ononline	اسکریپت	وقتی مرورگر در حالت آنلاین باشد این رویداد اجرا می شود
onpagehide	اسکریپت	اسکریپت هنگامی که کاربر از صفحه به طور موقت خارج/دور شده اجرا می شود
onpageshow	اسکریپت	اسکریپت هنگامی که یک صفحه به کاربر نمایش داده شده اجرا می شود
onpopstate	اسکریپت	وقتی در پنجره تاریخچه ویندوز تغییری ایجاد شود اسکریپت اجرا می شود
onresize	اسکریپت	هنگامی که سایز پنجره مرورگر تغییر کند اسکریپت اجرا می شود
onstorage	اسکریپت	وقتی یک منطقه ذخیره سازی وب بروز شود اسکریپت اجرا می شود
onunload	اسکریپت	وقتی یک صفحه توسط کاربر بسته شود این رویداد اجرا می شود

رویداد های مربوط به فرم ها

رویداد هایی که درون فرم های HTML استفاده می شوند (این رویداد ها تقریباً در تمامی عناصر HTML استفاده می شوند ، البته بیشتر در فرم ها استفاده می شود و کاربرد دارد)

رویداد	مقدار	توضیحات
onblur	اسکریپت	هنگامی که نشانگر موس متمرکز برروی یک عنصر ، از حالت focus خارج شود اسکریپت اجرا می شود
onchange	اسکریپت	رویداد زمانی که مقدار یک عنصر تغییر کند اجرا می شود
oncontextmenu	اسکریپت	زمانی که در یک محدوده مشخص جهت نمایش منو کلیک راست شود اسکریپت اجرا می شود
onfocus	اسکریپت	هنگامی که نشانگر موس برروی یک عنصر متمرکز شود اسکریپت اجرا می شود
oninput	اسکریپت	زمانی که یک ورودی از کاربر دریافت شود این رویداد اجرا می شود
oninvalid	اسکریپت	اسکریپت زمانی که اعتبار سنجی فرم با خطا مواجه شود اجرا می شود
onreset	اسکریپت	این رویداد زمانی رخ میدهد که دکمه reset در یک فرم کلیک شود
onsearch	اسکریپت	زمانی که در عنصر جستجو (<input=”search”>) ورودی دریافت شود این رویداد رخ می دهد
onselect	اسکریپت	هنگامی که یک متن داخل یک عنصر انتخاب شود این رویداد رخ می دهد
onsubmit	اسکریپت	هنگامی که دکمه submit در یک فرم کلیک شود این رویداد اجرا می شود

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

رویداد	مقدار	توضیحات
onkeydown	اسکریپت	هنگامی که کاربر در حال فشار دادن یک کلید هست این رویداد اجرا می شود
onkeypress	اسکریپت	هنگامی که کاربر یک کلید را فشار می دهد این رویداد اجرا می شود
onkeyup	اسکریپت	هنگامی که کاربر یک کلید را رها میکند این رویداد اجرا می شود

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

رویداد	مقدار	توضیحات
onclick	اسکریپت	هنگامی که کلیک چپ موس فشار داده می شود ، رویداد رخ می دهد
ondblclick	اسکریپت	وقتی روی یک عنصر دوبار کلیک شود این رویداد اجرا می شود
onmousedown	اسکریپت	هنگام فشار دادن یکی از دکمه های موس روی یک عنصر این رویداد اجرا می شود
onmousemove	اسکریپت	وقتی نشانگر موس روی یک عنصر قرار بگیرد این رویداد اجرا می شود
onmouseout	اسکریپت	وقتی نشانگر موس از روی یک عنصر برداشته شود یا خارج شود این رویداد اجرا می شود
onmouseover	اسکریپت	وقتی نشانگر موس روی یک عنصر قرار بگیرد این رویداد اجرا می شود
onmouseup	اسکریپت	هنگامی که کلیک موس از روی یک عنصر رها شود این رویداد رخ می دهد
onmousewheel	اسکریپت	این رویداد منسوخ شده است بجای آن از رویداد onwheel استفاده کنید
onwheel	اسکریپت	هنگامی که دکمه اسکرول موس برروی یک عنصر به سمت بالا یا پایین حرکت داده شود ، رویداد رخ می دهد

رویداد های کشیدن / رها کردن

رویداد هایی که مربوط به Drag and Drop در HTML می شود:

رویداد	مقدار	توضیحات
ondrag	اسکریپت	اسکریپت زمانی که یک عنصر کشیده شود اجرا می شود
ondragend	اسکریپت	اسکریپت زمانی که عملیات کشیدن یک عنصر به پایان برسد اجرا می شود
ondragenter	اسکریپت	اسکریپت زمانی اجرا می شود که عنصر به یک عنصر هدف معتبر و مشخص کشیده شود
ondragleave	اسکریپت	اسکریپت زمانی اجرا می شود که عنصر کشیده شده عنصر هدف را ترک کند
ondragover	اسکریپت	اسکریپت زمانی اجرا می شود که عنصر برروی محدوده ای که مشخص شده قرار گیرد
ondragstart	اسکریپت	وقتی عمل کشیدن عنصر شروع شود اسکریپت اجرا می شود
ondrop	اسکریپت	محل یا محدوده ای که قرار است یک عنصر در آن رها شود
onscroll	اسکریپت	هنگامی که عملیات اسکرول با موس برروی عنصر اجرا شود این رویداد رخ می دهد

رویدادهای کلیپ بورد

رویداد	مقدار	توضیحات
oncopy	اسکریپت	وقتی کاربر محتوای یک عنصر را کپی ( Copy ) کند این رویداد اجرا می شود
oncut	اسکریپت	وقتی کاربر محتوای یک عنصر را کات ( Cut ) کند این رویداد اجرا می شود
onpaste	اسکریپت	وقتی یک مقدار که در حافظه کپی قرار دارد پیست ( Paste ) شود این رویداد رخ می دهد

رویداد های رسانه

رویداد هایی که برای رسانه ها مانند ویدیو ها ، موزیک ها و یا تصاویر اجرا می شود ، معمولاً این رویداد ها روی تمام عناصر HTML استفاده می شود ، اما بیشتر در عناصر رسانه ای مانند : <audio> ، <embed> ، <img> ، <object> ، <video> استفاده می شود.

رویداد	مقدار	توضیحات
onabort	اسکریپت	وقتی در هنگام لود یک رسانه مشکلی (ارتباط قطع شود) پیش بیاید اسکریپت اجرا می شود
oncanplay	اسکریپت	هنگامی که یک رسانه قابلیت اجرا شدن داشته باشد رویداد رخ می دهد
oncanplaythrough	اسکریپت	هنگامی که فایل بدون توقف میتواند اجرا شود رویداد رخ می دهد
oncuechange	اسکریپت	هنگامی که تغییراتی در عنصر <track> رخ بدهد اسکریپت اجرا می شود
ondurationchange	اسکریپت	هنگامی که تغییراتی در مدت زمان رسانه رخ بدهد اسکریپت اجرا می شود
onemptied	اسکریپت	هنگامی که اتصال و دسترسی به پرونده به طور ناگهانی قطع شود اسکریپت اجرا می شود
onended	اسکریپت	هنگامی که رسانه به پایان می رسد اسکریپت اجرا می شود ( مثال : وقتی یک ویدیو تمام می شود میتوان پیام خاصی را نمایش داد )
onerror	اسکریپت	وقتی هنگام بارگذاری فایل خطایی رخ بدهد اسکریپت اجرا می شود
onloadeddata	اسکریپت	هنگامی که بارگذاری فایل یا رسانه تکمیل شود ، اسکریپت اجرا می شود
onloadedmetadata	اسکریپت	وقتی متا داده های یک رسانه مانند ( مدت زمان ، ابعاد و… ) بارگذاری شود ، این رویداد رخ می دهد
onloadstart	اسکریپت	اسکریپت درست زمانی که پرونده شروع به بارگیری می کند قبل از اینکه چیزی بارگیری شود ، اجرا می شود
onpause	اسکریپت	اسکریپت زمانی اجرا می شود که رسانه توسط کاربر یا به روشی دیگر متوقف شود
onplay	اسکریپت	اسکریپت زمانی اجرا می شود که رسانه آماده پخش شدن ( Play ) باشد
onplaying	اسکریپت	زمانی که رسانه شروع به پخش شدن ( Playing ) میکند اسکریپت اجرا می شود
onprogress	اسکریپت	اسکریپت زمانی که مرورگر در حال دریافت اطلاعات رسانه است اجرا می شود
onratechange	اسکریپت	با هر بار تغییر سرعت پخش رسانه (مانند زمانی که کاربر به حالت صحنه آهسته یا حرکت سریع می رود) اسکریپت اجرا می شود
onseeked	اسکریپت	وقتی کاربر به نقطه ی پایان از پخش رسانه برسد اسکریپت اجرا می شود
onseeking	اسکریپت	وقتی کاربر در حال جابه جایی یا جستجو به یک نقطه زمانی جدید از پخش رسانه باشد اسکریپت اجرا می شود
onstalled	اسکریپت	هنگامی که مرورگر به هر دلیلی قادر به دریافت اطلاعات رسانه نمی باشد ، اسکریپت اجرا می شود
onsuspend	اسکریپت	هنگامی که مرورگر قبل از بارگیری کامل رسانه به هر دلیلی با مشکل مواجه شود و رسانه بارگیری نشود رویداد رخ می دهد
ontimeupdate	اسکریپت	هنگامی که نقطه زمانی رسانه توسط کاربر تغییر کند مانند زمانی که کاربر نقطه زمانی رسانه را به جلوتر یا عقب تر تغییر می دهد ، اسکریپت اجرا می شود
onvolumechange	اسکریپت	هر تغییری در میزان صدای رسانه ( کم یا زیاد شدن صدا ) رخ بدهد ، اسکریپت اجرا می شود
onwaiting	اسکریپت	هنگامی که کاربر در حال مشاهده رسانه می باشد ولی کامل بارگیری نشده و باید صبر کند تا ادامه آن بارگیری شود ، اسکریپت اجرا می شود ( مثلاً وقتی کاربر داره یک ویدیو رو تماشا میکنه و ادامه ویدیو هنوز کامل دانلود نشده و باید صبر کنه تا دانلود بشه )

رویداد های متفرقه

رویداد	مقدار	توضیحات
ontoggle	اسکریپت	هنگامی که کاربر عنصر <details> را باز یا بسته میکند اسکریپت اجرا می شود

5/5 - (8 امتیاز)

آیا این مطلب برای شما مفید بود ؟

خیر

بله