یکی از قابلیت های بسیار مفید و کاربردی استفاده از جاوا اسکریپت (JavaScript) در طراحی صفحات و برنامه های تحت وب،
واکنش های تعاملی آن متناسب با رفتار کاربر است،
به فرض هنگامی که روی یک دکمه در صفحه ای کلیک می شود، می توان همزمان یا پس از آن، تابعی مبتنی بر جاوا اسکریپت را در سمت کاربر اجرا کرد
و پیش از ارسال درخواست به سرور، پردازش های اولیه را بر روی آن انجام داد،
این قدرت جاوا اسکریپت بیشتر متکی بر عناصری به نام رویداد (event) است
که با وقوع آنها، عملیات تعریف شده خاصی در مرورگر اجرا می شود،
معنی رویداد (event) در جاوا اسکریپت
به طور ساده رویداد (event) در برنامه نویسی جاوا اسکریپت به معنی اتفاقی در یک صفحه وب است که می تواند عامل آن، کاربر یا به فرض بارگذاری کامل یک صفحه باشد،
بعد از بروز این اتفاق (رویداد)، مفسر جاوا اسکریپت مرورگر، آن را شناسایی کرده و متناسب با تابع تعریف شده، آن را اجرا می کند،
لذا همانطور که پیش تر در بحث توابع (functions) دیدیم، رویدادها در واقع حکم استارت، برای موتور توابع را بازی می کنند
و یک تابع بدون رویداد معمولا قابل اجرا نیست،
برای آشنایی بیشتر به مثال زیر توجه کنید (کافی است کد را در یک صفحه html کپی و آن را تست کنید).
نحوه فراخوانی تابع بالا با رویداد onclick:
واکنش های تعاملی آن متناسب با رفتار کاربر است،
به فرض هنگامی که روی یک دکمه در صفحه ای کلیک می شود، می توان همزمان یا پس از آن، تابعی مبتنی بر جاوا اسکریپت را در سمت کاربر اجرا کرد
و پیش از ارسال درخواست به سرور، پردازش های اولیه را بر روی آن انجام داد،
این قدرت جاوا اسکریپت بیشتر متکی بر عناصری به نام رویداد (event) است
که با وقوع آنها، عملیات تعریف شده خاصی در مرورگر اجرا می شود،
معنی رویداد (event) در جاوا اسکریپت
به طور ساده رویداد (event) در برنامه نویسی جاوا اسکریپت به معنی اتفاقی در یک صفحه وب است که می تواند عامل آن، کاربر یا به فرض بارگذاری کامل یک صفحه باشد،
بعد از بروز این اتفاق (رویداد)، مفسر جاوا اسکریپت مرورگر، آن را شناسایی کرده و متناسب با تابع تعریف شده، آن را اجرا می کند،
لذا همانطور که پیش تر در بحث توابع (functions) دیدیم، رویدادها در واقع حکم استارت، برای موتور توابع را بازی می کنند
و یک تابع بدون رویداد معمولا قابل اجرا نیست،
برای آشنایی بیشتر به مثال زیر توجه کنید (کافی است کد را در یک صفحه html کپی و آن را تست کنید).
کد:
<script type="text/javascript">
function hello(){
alert ("به آموزش جاوا اسکریپت خوش آمدید");
}
</script>
کد:
<input type="button" name="button" value="کلیک کنید" onclick="hello();" />