X
تبلیغات
رایتل
کدهای جاوا اسکریپت

رویداد ها در جاوا اسکریپت

در این بخش می خواهیم در مورد رویداد ها در زبان جاوا اسکریپت بحث کنیم

رویداد چیست ؟ زمانی که شما روی یک دکمه یا لینک یا فعالیتی را در صفحه مرورگر انجام میدهید که موجب فراخوانی کد نوشته شده گردد به این کار رویداد می گویند رویداد ممکن است به شکل دکمه یا لینک یا خودکار در صفحه اجرا شود در این بخش از سری آموزشهای جاوا اسکریپت می خواهیم مهمترین و کاربردی ترین رویداد ها را تشریح کنیم .

 

رویداد ها به چند بخش تقسیم میشوند رویدادهای خود اجرا و رویدادهایی که کاربر آنها را اجرا می کند مانند کلیک کردن 

برای نوشتن یک رویداد بایستی کار با توابع را بلد باشید که در فصل های قبل توضیح داده ام


اولین و مهم ترین رویداد رویداد onload :


به مثال زیر دقت کنید

<html>

<head>

<script>
function tex()
{
alert("See example")

}

</script>

</head>

<body  onload="tex()">

</body>

</html>


به کد بالا توجه کنید همانگونه که می بینید کد ما از یک تابع تشکیل شده که  یک پیغام هشدار است اما برای اجرای خودکار آن بایستی از رویداد onload در body سند اچ تی ام ال استفاده کنیم 


رویداد کلیک onclick :


رویداد کلیک هم مانند رویداد onload است با این تفاوت که خودکار اجرا نمیشود 


<html>

<head>

<script>
function tex()
{
alert("See example")

}

</script>

</head>

<body >

<button onclick="tex()">click</button>

</body>

</html>

رویداد onmouseover :

این رویداد هم مانند رویداد کلیک است اما با این تفاوت که با حرکت موس روی دکمه یا لینک مورد نظر تابع اجرا می شود 


<html>

<head>

<script>
function tex()
{
alert("See example")

}

</script>

</head>

<body >

<button
onmouseover="tex()">click</button>

</body>

</html>

و چند رویداد مهم دیگر موس به شرح زیر است

  • رویداد ondblclick : رویدادی برای دابل کلیک موس
  • رویداد onmousemove : رویداد حرکت موس روی لینک یا دکمه
  • رویداد onmouseout : با حرکت از روی دکمه تابع اجرا می گردد بر عکس رویداد onmousemove

البته بحث رویداد فراتر از چند رویدادی است که برای شما معرفی کردم رویدادها علاوه بر دکمه ها بر رو چک باکس ها یا همان فیلد های متنی textarea و غیره کاربرد دارد فعلا یک نمونه از رویداد فیلد متنی را برای شما مثال میزنم بقیه اش بماند برای جلسات آینده 


رویداد onblur :

مثال زیر را نگاه کنید

 
<head>

<script>
function tex()
{
alert("See example")

}


</script>

</head>

<body >

    name : <input type="text"  onblur="tex()" />
    pass : <input type="text" />



</body>

برای اجرای مثال شما متنی را در فیلد اول بنویسید سپس با کلیک روی فیلد دوم یا فضای خالی در صفحه با یک پیغام ظاهر می شوید این پیغام همان رویداد onblur است

برای دیدن تمامی رویدادها جاوا اسکریپت رو لینک زیر کلیک کنید

http://www.w3schools.com/jsref/dom_obj_event.asp


برچسب‌ها: آموزش javascript، event، رویدادها در جاوا اسکریپت، رویدادهای موس، رویدادهای صفحه، رویدادهای کلیک، javascript Events
+ نوشته شده در  1392/08/26ساعت 12:00 ب.ظ  توسط javawebs 

نظرات (1)
Arshia
1392/08/27 ساعت 11:41 ق.ظ
امتیاز: 2 1


سلام
مرسی خیلی استفاده کردم
برای نمایش آواتار خود در این وبلاگ در سایت Gravatar.com ثبت نام کنید. (راهنما)
نام :
ایمیل :
وب/وبلاگ
ایمیل شما بعد از ثبت نمایش داده نخواهد شد