شی Event در JavaScript :
JavaScript یکی از زبانهای برنامهنویسی محبوب برای توسعه وب است. یکی از ویژگیهای مهم JavaScript، قابلیت ایجاد و پردازش رویدادها (Events) است. در این مقاله به بررسی شی Event در JavaScript میپردازیم.
یک رویداد (Event) به فعالیتی گفته میشود که در مرورگر اتفاق میافتد. مانند کلیک کردن بر روی یک دکمه، وارد شدن ماوس در یک المان، فشردن کلیدی در کیبورد، بارگذاری صفحه و غیره. دستورالعملهایی که باید در پاسخ به رویداد انجام شوند، به عنوان رویدادهندلر (Event Handler) شناخته میشوند.
شی Event در JavaScript، شیای است که اطلاعات مربوط به رویداد را حاوی میشود. این شی شامل اطلاعاتی مانند نوع رویداد، المانی که رویداد روی آن اتفاق افتاده، مکان موقعیت ماوس در هنگام رویداد و غیره است. این شی با استفاده از دستورالعملها و توابع، به عنوان وسیلهای برای پردازش رویدادها در JavaScript، بکار میرود.
برای ایجاد رویداد در JavaScript، میتوان از دستورالعملهایی مانند addEventListener و attachEvent استفاده کرد. هر دو روش به عنوان یک رویدادهندلر برای یک المان مشخص (مانند دکمه یا تصویر) عمل میکنند. با این حال، addEventListener به عنوان یک روش مدرنتر و پیشنهادی برای ایجاد رویدادها در JavaScript به شمار میرود.
در زیر، مثالی از ایجاد یک رویداد کلیک در JavaScript با استفاده از addEventListener آورده شده است:
“`
document.getElementById(“myButton”).addEventListener(“click”, function() {
alert(“Button clicked!”);
});
“`
در این مثال، یک رویداد کلیک بر روی دکمه با شناسه “myButton” ایجاد شده است. هر زمان که کاربر بر روی این دکمه کلیک کند، پیامی با متن “Button clicked!” نمایش داده میشود.
با استفاده از شی Event در JavaScript، میتوان اطلاعات بیشتری درباره رویدادهای صفحه و المانهای وب دریافت کرد. به عنوان مثال، میتوان اطلاعاتی مانند مکان ماوس در هنگام کلیک، کلیدی که در کیبورد فشرده شده است و غیره را دریافت کرد.
در نتیجه، شی Event در JavaScript، یکی از ابزارهای مهم برای پردازش رویدادهای صفحه و المانهای وب است. با استفاده از این شی، میتوان اطلاعات بیشتری درباره رویدادها دریافت کرد و دستورالعملهایی را برای پاسخگویی به این رویدادها تعریف کرد.