رویدادهای JavaScript
یادگیری JavaScriptحوادث HTML چیزهایی هستند که در عناصر HTML اتفاق می افتد.
وقتی جاوا اسکریپت در صفحات HTML استفاده می شود، جاوا اسکریپت می تواند در این رویکرد واکنش نشان دهد
رویدادهای HTML
یک رویداد HTML می تواند چیزی باشد که مرورگر انجام می دهد یا چیزی که کاربر آن را انجام می دهد.
در اینجا چند نمونه از رویدادهای HTML وجود دارد:
- یک صفحه وب HTML در حال بارگیری است
- فیلد ورودی HTML تغییر کرد
- یک دکمه HTML کلیک شد
اغلب هنگامی که وقایع اتفاق می افتد، ممکن است بخواهید کاری انجام دهید.
جاوا اسکریپت به شما امکان می دهد کد را هنگامی که وقایع شناسایی می شوند، اجرا کنید.
HTML اجازه می دهد تا ویژگی های پردازش رویداد، با کد جاوا اسکریپت، به عناصر HTML اضافه شود.
با نقل قول های تک
با نقل قول های دوتایی
در مثال زیر یک ویژگی onclick (با کد) به یک عنصر دکمه اضافه می شود:
مشاهده مثالدر مثال بالا، کد جاوا اسکریپت محتوای عنصر را با id = "demo" تغییر می دهد.
در مثال بعدی، کد محتوای محتوای عنصر خود را (با استفاده از this.innerHTML) تغییر می دهد:
مشاهده مثالکد جاوا اسکریپت معمولا چندین خط طول دارد. شایع تر است که ویژگی های رویداد را فراخوانی کنید:
مشاهده مثالرویدادهای HTML رایج
در اینجا یک لیست از برخی رویدادهای رایج HTML وجود دارد:
JavaScript رابرای چه کاری انجام می دهند؟
برای مدیریت و تأیید ورودی کاربر، عملکردهای کاربر و عملکردهای مرورگر، می توان از رویداد گرداننده استفاده کرد:
- چیزهایی که باید هربار بارگذاری صفحه انجام شود
- چیزهایی که باید انجام شود زمانی که صفحه بسته است
- اقداماتی که باید انجام شود زمانی که کاربر یک دکمه را کلیک کند
- محتوا که باید تایید شود هنگامی که یک کاربر اطلاعات را وارد می کند
- و غیره ...
برای فعال کردن جاوااسکریپت با رویدادها می توان از روش های مختلفی استفاده کرد:
- ویژگی های رویداد HTML می توانند مستقیما کد جاوا اسکریپت را اجرا کنند
- خصوصیات رویداد HTML می تواند توابع جاوا اسکریپت را فراخوانی کند
- شما می توانید توابع رویداد پردازنده خود را به عناصر HTML اختصاص دهید
- شما می توانید رویدادها را از ارسال یا دستکاری آنها جلوگیری کنید
- و غیره...
نظر شما
>