ورود / ثبت نام سبد خرید 0
رویداد ها زمانی اتفاق می افتد که کاربر یا مرورگر یک دستکاری یا تغییری را در صفحه ی وب انجام میدهد . زمانی که یک صفحه ی html فراخوانی میشود رویداد ها نیز فراخوانی میگردد .
زمانی که کاربر بر روی یک دکمه کلیک میکند ، کلیک کردن یک رویداد است . مثال های دیگر مانند فشردن یک دکمه ، بستن یک صفحه ، تغییر سایز یک پنجره و .... که همگی رویداد حساب میشوند .
برنامه نویسان میتوانند از این رویداد ها استفاده کنند تا در موقعیت و رویدادهای خاصی کدهای جاوا اسکریپت خود را به اجرا در اورند . کارهایی مثل بستن یک پنجره ، نمایش یک پیام ، داده هایی که باید اعتبار سنجی شوند و هر نوع پاسخی که برای یک رویداد میتوانید تصور کنید قابل پیاده سازی است .
رویدادها بخشی از DOM یا Document Object Model لایه ی 3 هستند که هر المان html تعدادی از رویداد ها برای خودش دارد که توسط جاوا اسکریپت قابل کشف هستند .
این رویداد که یکی از رویدادهای پرکاربرد است زمانی اتفاق می افتد که کاربر روی بخشی که این کد را نوشتیم کلیک کند .
در مثال زیر یک فرم داریم که یک دکمه دارد که وقتی کلیک میشود یک تابع از بخش جاوا اسکریپت به اجرا در می آید
<html> <head> <script type = "text/javascript"> <!-- function sayHello() { alert("Hello World") } //--> </script> </head> <body> <p>Click the following button and see result</p> <form> <input type = "button" onclick = "sayHello()" value = "Say Hello" /> </form> </body> </html>
رویداد onsubmit زمانی رخ میدهد که شما یک فرم html را ارسال میکنید . یکی از کاربردهای این رویداد اعتبارسنجی داده های فرم است .
در مثال زیر یک فرم داریم که در موقع ارسال شدن ابتدا تابع validate() صدا زده میشود و اگر مقادیر فرم صحیح باشد فرم ارسال میشود در غیر این صورت ارسال نمیشود .
<html> <head> <script type = "text/javascript"> <!-- function validation() { all validation goes here ......... return either true or false } //--> </script> </head> <body> <form method = "POST" action = "t.cgi" onsubmit = "return validate()"> ....... <input type = "submit" value = "Submit" /> </form> </body> </html>
این رویداد برای تصاویر وب پرکابرد است و همانطور که از نام انها پیداست زمانی که اشاره گر ماوس روی یک المان میرود و زمانی که آنرا ترک میکند این رویداد ها اجرا میشوند .
به مثال زیر توجه کنید :
<html> <head> <script type = "text/javascript"> <!-- function over() { document.write ("Mouse Over"); } function out() { document.write ("Mouse Out"); } //--> </script> </head> <body> <p>Bring your mouse inside the division to see the result:</p> <div onmouseover = "over()" onmouseout = "out()"> <h2> This is inside the division </h2> </div> </body> </html>
در زیر شما رویدادهای استاندارد HTML 5 را میتوانید ببینید که برای شما لیست کرده ایم :
محصولات برگزیده مناسب شما