رویدادها در جاوا اسکریپت ; جلسه ششم آموزش جاوا اسکریپت

خانه » مقالات اموزشی » javascript » رویدادها در جاوا اسکریپت ; جلسه ششم آموزش جاوا اسکریپت
قسمت ششم اموزش جاوا اسکریپت : رویداد های جاوا اسکریپت

نویسنده:

محمدرضا احمدی نسب

Statistics-rafiki

تعداد بازدید:

3193

Calendar-amico (2)

تاریخ به‌روزرسانی:

۱۳۹۷-۱۰-۲۱

Work time-rafiki

زمان مطالعه:

5 دقیقه

Event یا رویداد ها در جاوا اسکریپت ;قسمت ششم آموزش جاوا اسکریپت

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

تعامل جاوا اسکریپت با html از طریق رویدادهایی انجام می‌شود که زمانی رخ می‌دهند که کاربر یا مرورگر یک صفحه را دستکاری می‌کند . وقتی صفحه بارگذاری می‌شود , آن را رویداد می‌نامند . زمانی که کاربر روی دکمه کلیک می‌کند, این یک رویداد است . مثال‌های دیگر شامل رویدادهایی مانند فشار دادن هر کلید , بستن پنجره , تغییر سایز پنجره , و غیره است.
توسعه دهندگان می‌توانند از این رویدادها برای اجرای واکنش‌های کدگذاری شده جاوااسکریپت استفاده کنند که باعث ایجاد دکمه‌های بسته شدن پنجره‌ها , ارسال پیام به کاربران , اعتبار سنجی و عملا ً هر نوع واکنش قابل‌تصور می‌شود .

رویدادها بخشی از مدل شیء سند هستند و هر عنصر html شامل مجموعه‌ای از رویدادهایی است که می‌توانند کد های جاوا اسکریپت را راه‌اندازی کنند.
زمانی که یک کاربر وارد وب سایت شما می شود کارهایی روی المان های سایت شما مانند تصاویر یا متن ها و یا لینک ها انجام می دهد.شما می توانید رویداد خود را در جاوا اسکریپت ‌ بنویسید و آن‌ها را به عنوان یک خصوصیت برچسب رویداد مشخص کنید.

دو خصوصیت وجود دارد که می ‌توان از آن‌ها برای راه‌اندازی هر کد جاوا اسکریپت استفاده کرد :

On load زمانی اجرا می شود که یک سند html بارگذاری شود
On unload زمانی اجرا می شود که یک سند html بسته می شود

در ادامه شش خصوصیت که از آنها برای راه اندازی یک قطعه کد جاوا اسکریپت یا در واقع بروز یک رویداد استفاده می شود را بررسی خواهیم کرد:

On change قطعه کد زمانی اجرا می شود که یک المان تغییر کند
On submit قطعه کد زمانی اجرا می شود که فرم ارسال شود
On reset قطعه کد زمانی اجرا می شود که فرم مورد نظر ریست شود
On select قطعه کد زمانی اجرا می شود که یک المان انتخاب شود یا روی یک المان کلیک شود
On blur قطعه کد زمانی اجرا می شود که دقت یا فوکوس از روی یک المان برداشته شود
On focus قطعه کد زمانی اجرا می شود که روی یک المان فوکوس شود

با استفاده از کیبرد سه رویداد را می توان رقم زد که در ادامه به آنها اشاره می کنیم:


On keydown در این حالت کد زمانی اجرا می شود که کلیدی فشرده شود
On keypress در این حالت نیز فشردن و رها کردن یک کلید باعث اجرای کد خواهد شد

رویدادهای دیگری نیز وجود دارند که در نوشتن یک کد جاوا اسکریپت به شما کمک خواهند کرد که در زیر آنها را معرفی خواهیم کرد:

On click زمانی که با موس روی یک المان کلیک شود کد اجرا خواهد شد
On dbclick زمانی که روی یک المان دو بار کلیک شود اجرای کد آغاز خواهد شد
On mousemove در هنگام حرکت نشانگر موس کد اجرا خواهد شد
On mouseout این رویداد به آغاز اجرای کد در لحظه ی کنار رفتن نشانگر موس از روی یک المان اشاره می کند

رویداد های دیگری نیز وجود دارند که شما می توانید برای مطالعه ی بیشتر و بدست آوردن اطلاعات بیشتر راجع به این مبحث به tutorialspoint و w3schools مراجعه کنید.
منتظر آموزش های بعدی جاوا اسکریپت در کدپز باشید.

محمدرضا احمدی نسب

محمدرضا احمدی نسب

سلام.محمدرضا احمدی نسب هستم.متولد تهران.دانشجوی مقطع کارشناسی رشته مهندسی نرم افزار.با چند تا از دوستان که تجربه این کار رو داشتن آشنا شدم و به خاطر علاقه ای که به طراحی سایت داشتم به این گروه ملحق شدم.

تا کنون 264 نفر در کدپز ثبت نام کرده اند.

دیدگاهتان را بنویسید