رویدادها (Events) در JavaScript :
JavaScript یک زبان برنامه نویسی قدرتمند است که برای توسعه وب سایت ها و برنامه های تحت وب استفاده می شود. یکی از ویژگی های مهم JavaScript، قابلیت کنترل رویدادها است. رویدادها در JavaScript به ما این امکان را می دهند تا برنامه هایمان را وابسته به عملکرد کاربر کنترل کنیم.
رویدادها در JavaScript به دو صورت تعریف می شوند: رویدادهای مربوط به DOM و رویدادهای مربوط به مرورگر.
رویدادهای مربوط به DOM شامل رویدادهایی مانند کلیک موس، موس بر روی یک المان حرکت کرد، نوشتن در یک فیلد متنی و غیره می شوند. برای اضافه کردن یک رویداد به یک المان DOM، می توانیم از تابع addEventListener استفاده کنیم. این تابع به ما امکان می دهد تا تابعی را که می خواهیم در هنگام رویداد صدا زده شود، به عنوان پارامتر ورودی دریافت کند. به عنوان مثال، اگر می خواهیم یک تابع به یک المان با شناسه myElement اضافه کنیم که در هنگام کلیک موس صدا زده شود، کد زیر را می توانیم استفاده کنیم:
“`javascript
document.getElementById(“myElement”).addEventListener(“click”, myFunction);
function myFunction() {
alert(“Hello World!”);
}
“`
رویدادهای مربوط به مرورگر شامل رویدادهایی مانند بارگذاری صفحه، تغییر اندازه پنجره، بسته شدن صفحه و غیره می شوند. برای اضافه کردن یک رویداد به مرورگر، می توانیم از تابع window.addEventListener استفاده کنیم. به عنوان مثال، اگر می خواهیم یک تابع به رویداد بارگذاری صفحه اضافه کنیم که در هنگام بارگذاری صفحه صدا زده شود، کد زیر را می توانیم استفاده کنیم:
“`javascript
window.addEventListener(“load”, myFunction);
function myFunction() {
alert(“Page loaded!”);
}
“`
با استفاده از رویدادها، می توانیم برنامه های تحت وب خود را تعاملی تر کنیم و با واکنش های کاربر در هنگام استفاده از آن ها تعامل کنیم. با استفاده از قابلیت کنترل رویدادها در JavaScript، می توانیم به راحتی رویدادهای مورد نظر خود را تعریف کنیم و در صورت نیاز، تغییرات لازم را در برنامه اعمال کنیم.
