JavaScript در Event
- منظور از event این است که مشخص کنیم درصورت بروز فلان رخداد فلان نتیجه ظاهر شود مثلا با کلیک بر روی دکمه تاریخ روز بر روی صفحه چاپ شود.
نحوه ساخت event:
<element event=“JavaScript”>
مثال:
<button onclick=”document.getElementById(‘demo’).innerHTML = Date()”> What time is it?</button>
نتیجه کد:
- همانطور که در نتیجه کد فوق مشاهده کردید بعد از فشردن دکمه زیر دکمه تاریخ و ساعت نمایش داده میشود، حال ممکن است بخواهید نتیجه بر روی دکمه و بجای متن روی دکمه ظاهر شود که برای این کار باید از this استفاده کنید.
<html> <body>
<button onclick=“this.innerHTML=Date()”>What time is it?</button>
</body> </html>
| دستور Event | توضیح |
|---|---|
| onchange | وقتی یکی از المان های HTML دچار تغییر شود، دستور اجرا میشود. |
| onclick | وقتی روی المان موردنظر کلیک کنید، دستور اجرا میشود. |
| onmouseover | وقتی نشانگر ماوس بر روی المان موردنظر قرار گیرد، دستور اجرا میشود. |
| onmouseout | وقتی نشانگر ماوس از روی المان موردنظر گذر کند، دستور اجرا میشود. |
| onkeydown | وقتی هر یک از دکمه های کیبورد روی المان موردنظر فشرده شود، دستور اجرا میشود. |
| onload | وقتی مرورگر لود صفحه را به پایان برساند، دستور اجرا میشود. |