خب من به این فکر می کنم که روزانه یکی یا دو ساعت بیشتر وقت نمی کنم زمان بزارم برای برنامه نویسی به دلیل کارهایی که تو طول روز انجام میدم اما بازم ادامه میدم سرعتم خیلی پایین هست ولی خب ادامه می دم
خب رویدادها HTML events چیزهایی هست که برای المنت های HTML elements رخ میده وقتی تو یه صفحه HTML pages
کدهای جاوا اسکریپت استفاده میشه جاوا اسکریپت می تونه واکنش ("react" ) نشون بده نسبت به اون رویدادها these events
...................................
HTML Events
HTML event می تونه هر چیزی باشه که مرورگرها انجام میدن یا چیزهای که کاربرها انجام بدن باشن
مثل
تو یه صفحه web page وقتی عمل لودینگ تمام میشه
یا تو HTML یه فیلد ورودی تغییر می کنه
یا روی یه دکمه کلیک می شه
خب غالبا وقتی که رویداد ها اتفاق می افتن ما ممکنه یه چیزی را بخواهیم انجام بدهیم
جاوا اسکریپت این اجازه را میده که ما کدی را بخواهیم اجرا کنیم وقتی که یه رویدادی کشف میشه
HTML اجازه می ده که event handler attribute ها با کدهای جاوا اسکریپت به HTML elements اضافه بشن
کد php:
<element event='some JavaScript'>
<element event="some JavaScript">
که ما کدهای جاوا اسکریپت را درون single quotes یا double quotes قرار میدهیم
کد php:
<button onclick="document.getElementById('demo').innerHTML = Date()">The time is?</button>
تو کد بالا صفت onclick با کد جاوا اسکریپت اضافه میشه به element button
خب تو مثال بالا جاوا اسکریپت تغییر میده محتوای element با id=demo
کد php:
<button onclick="this.innerHTML = Date()">The time is?</button>
خب تو مثال بالا جاوا اسکریپت تغییر میده صفت رویداد را یعنی محتوای خودش را تغییر میده چون this اشاره به خود element می کنه یعنی محتوای button را تغییر میده
خب چون کدهای جاوا اسکریپت تو چند خط طولانی نوشته می شن عموما event attributes از فراخوانی توابع استفاده می کنند
خب تو مثال زیر از فراخوانی تابع استفاده شده
کد php:
<!DOCTYPE html>
<html>
<body>
<p>Click the button to display the date.</p>
<button onclick="displayDate()">The time is?</button>
<script>
function displayDate() {
document.getElementById("demo").innerHTML = Date();
}
</script>
<p id="demo"></p>
</body>
</html>
عمومی ترین Event handler attribute
onchange
وقتی که یک HTML element تغییر پیدا می کنه
onclick
وقتی که یک کاربر روی HTML element کلیک می کنه
onmouseover
وقتی که یه کاربر حرکت می کنه با موس روی HTML element
onmouseout
وقتی که کاربر موس را از روی یک HTML element خارج می یشه
onkeydown
وقتی که کاربر روی یکی از دکمه های صفحه کلید کلیک می کنه
onload
وقتی که مرورگر عملیات لود کردن صفحه اش تمام میشه