وقایع در جاوا اسکریپت

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

وقایع HTML

وقایع یا event در یک سند HTML شامل دو دسته از وقایع است:

  • وقایع حاصل از فعالیت های موتور جستجوگر
  • وقایع حاصل از اقدامات کاربر

در اینجا چند نمونه از وقایع HTML ذکر می شود:

  • بارگذاری یک سند HTML تمام می شود.
  • محتوای یک فیلد ورودی HTML تغییر می کند.
  • یک دکمه HTML کلیک می شود.

همیشه قاعده بر این منوال است که وقتی چیزی رخ می دهد، مایلید برای آن اقدامی به عمل آورید. جاوا اسکریپت این امکان را فراهم کرده است که زمان رخ دادن یک واقعه، کدی را اجرا کنید. HTML اجازه می دهد که خصیصه event handler همراه با کد جاوا اسکریپت به عنصر HTML اضافه شود. در زیر یک نمونه با ' ' و یک نمونه با " " آمده است:

وقایع در جاوا اسکریپت
وقایع در جاوا اسکریپت

در مثال زیر یک خصیصه onclick (همراه با کد) به عنصر دکمه اضافه شده است:

وقایع در جاوا اسکریپت

در مثال فوق، کد جاوا اسکریپت محتوای عنصر HTML با شناسه demo را تغییر می دهد. در مثال زیر کد موجب تغییر محتوای خود عنصر می شود (با استفاده از this.innerHTML):

وقایع در جاوا اسکریپت

کدهای جاوا اسکریپت معمولاً در خطوط طولانی نوشته می شوند. اما معمولاً خصیصه فراخوانی کننده تابع برای رسیدگی به واقعه چنین است:

وقایع در جاوا اسکریپت

وقایع رایج HTML

در جدول زیر نمونه ای از وقایع رایج HTML آمده است. لیست وقایع HTML (HTML DOM events) خیلی طولانی تر است.

وقایع در جاوا اسکریپت

توانایی های جاوا اسکریپت

می توان از رسیدگی کننده های (هندلر) وقایع برای رسیدگی، شناسایی و تمایز ورودی، اقدامات کاربر و فعالیت های موتور جستجوگر استفاده کرد:

  • کارهایی که باید در هر بار بارگذاری صفحه وب انجام شود.
  • کارهایی که باید در هر بار بسته شدن صفحه انجام شود.
  • اقدامات لازم در زمان کلیک شدن یک دکمه توسط کاربر
  • محتوایی که باید تمیز داده شود، زمانی که کاربر داده ای را وارد می کند
  • پیشگیری از ارسال یا هندل شدن یک واقعه
  • و ....

وقایع و کد رسیدگی به آنها در فصل HTML DOM مفصل بحث خواهد شد.

عضویت در خبرنامه پلکسا

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

با ما شریک شوید

با ما باشید

قابل توجه وبمسترها

وبمستر گرامی

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

سئوالات، نظرات، پیشنهادات و مطالب خود را با ما و کاربران پلکسا در میان بگذارید - انجمن پلکسا