...
رویداد های عمومی در 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> را باز یا بسته میکند اسکریپت اجرا می شود |
آیا این مطلب برای شما مفید بود ؟
خیر
بله
پست های مرتبط
