آموزش جاوااسکریپت (قسمت 9) رویدادها - Events

دسته بندی: جاوا اسکریپت
زمان مطالعه: 2 دقیقه
۰۵ دی ۱۳۹۱

رویدادها در زبانهای مختلف برنامه نویسی از جذاب ترین و کاربردی ترین مباحث برنامه نویسی بوده اند . مخصوصا اگر زبان ما جاوااسکریپت باشه و در صفحات وب استفاده بشه . رویدادها در واقع اتفاقاتی رو که ممکنه در صفحه وب بیفته مشخص میکنه و ما می تونیم بسته به اینکه چه اتفاقی در صفحه میفته کد خاصی رو اجرا کنیم . مثلا اگر بخوایم زمانی که روی یک دکمه کلیک شد ، پس زمینه رو عوض کنیم و یا اینکه با رفتن موس روی یک شئ اتفاق خاصی بیفته باید از رویداد ها استفاده کنیم .

در آموزش ویدیویی امروز به بررسی و توضیح رویدادها در زبان جاوااسکریپت می پردازیم و با ذکر مثالهای کاربردی و جالب نحوه استفاده از رویدادها رو آموزش می دیم .

::در این آموزش  موارد زیر رو مطرح خواهیم کرد :

  • رویداد و یا event ها چیست؟
  • هدف استفاده از رویدادها چیست
  • معرفی رویداد های مختلف در زبان جاوااسکریپت
  • معرفی رویدادهای مربوط به موس و کیبرد
  • معرفی رویدادهای مخصوص لود صفحه و اشیاء
  • معرفی رویدادهای مربوط به فرم ها و فیلدهای ورودی فرم ها
  • نحوه استفاده از دستورات و توابع جاوااسکریپت برای رویدادها
:: همچنین مثال های زیر رو در این ویدیو با هم خواهیم نوشت :
  • نمایش یک پیام در هنگام کلیک کردن روی موس
  • نمایش یک پیام در هنگام عبور موس از روی دکمه
  • نمایش یک پیام در هنگام لود شدن کامل صفحه وب
  •  تغیر محتوای درون تگ div با کلیک بر روی آن
  • تغیر رنگ متن و پس زمینه صفحه با کلیک روی یک دکمه خاص
  • مخفی و ظاهر کردن یک عکس در صفحه وب با کلیک بر روی دو دکمه ی hide و show

:: سعی کنید برای فهم دقیقتر و بهتر این آموزش حتما قسمت های قبلی رو ببینید .

پیشنهاد میشه برای داشتن کیفیت کامل ، این ویدیو رو به صورت تمام صفحه (Full Screen) ببینید :

.: فقط اعضای سایت مجاز به دیدن این قسمت هستند :.
در صورتی که عضو سایت هستید می توانید لاگین شوید.
در غیر این صورت در کمتر از 1 دقیقه می توانید در سایت عضو شوید.
چه امتیازی به این مقاله می دید؟
نویسنده
بیش از 15 سال هست که برنامه نویسی می کنم و از بین همه زبون هایی که کار کردم جاوا، اسمبلی و php رو دوست دارم. دانشجوی دکترای نرم افزارم و توی دانشگاه روی پردازش بیگ دیتا و پردازش موازی کار کردم و عاشق چالش از هر نوعیش هستم! سون لرن مثل بچه منه که 12 سال براش وقت گذاشتم، اینجا همه تلاش می کنیم از شروع یادگیری تا ورود به بازر کار حوزه برنامه نویسی و IT همراهتون باشیم.

نظرات کاربران

داود

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

کیوان علی محمدی

phpstorm

zabanzaban

سلام .با تشکر از مطالب مفیدتون
کد درس 9 را که در event است رو نوشتم ولی عکسو hide نمی کنه لطفا راهنمایی کنید که در کجا اشتباه کردم

<script type="text/javascript">
 function show(id) {
  document.getElementBy(id).style.display=’block’;
 }
  function hide(id) {
   document.getElementBy(id).style.display=’none’;
  }
</script>
<button onClick="show (‘proloImage’)"> Show Image </button>
<button onClick="hide (‘proloImage’)"> Hide Image </button><br>
<img id="proloImage" src="prolo.jpg" height="200px">
کیوان علی محمدی

سلام توی کد جاوااسکریپت بعد از کلمه By یه کلمه Id هم اضافه کنید،دقیقا مثل همینی که نوشتم.

zabanzaban

ممنون

sana_esi

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

کیوان علی محمدی

سلام،بله توی جاوا اسکریپت با رویداد onsubmit که برای فرم تعریف میشه،می تونی عناصر فرم رو چک کنی و اگه خالی بود یا مقدار صحیح نداشت به کاربر پیغام خطا نشون بدی.

karimzadeh

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

karimzadeh

سلام آموزش ها عالی بود

abdollah

سلام
بابا ایول داری بخدا
تو این زمونه کم آدم هایی پدا میشن که وقتشون برای آموزش دیگران بزارن

karimzadeh

سلام.من میخوام برنامه ای با جاوا اسکریپت بنویسم که 2تا عدد از کاربر بگیره وعمل ضرب وتقسیم وجمع وتفریق انجام میشه کمکم کنید

sepehr2121

سلام واقعا عالی بود، خیلی چیزه جالبی بود که آموزش تصویری قراردادید!
فقط یه سوال: آموزش جاوا اسکریپت تموم شد یا بازم قراره ادامه بدین و چیزای بیشتری بگید؟

سجاد دریس

سلام.
هنوز آموزش ها ادامه دارد.

raoof

کردم نشد اصلا میگم اون قسمتو داینامیک نکردم؟؟؟؟؟؟؟؟؟؟؟

raoof

سلام من یه سایت طراحی کردم ولی داخل قسمت موضوعات وقتی موضوع ازافه میکنم داخل قالب دیده نمشه یا اضافه نمیشه به لیست موضوعات.میخاستم میشه بگید چجوری میتونم درستش کنم؟؟؟؟
قالبمم داینامیکه با زبان php داینامیکش کردم همین جارو مشکل داره.اگرم میخاین بدمتون خودتو ببینید مشکلش از کجاست/؟؟؟؟ممنون

سجاد دریس

احتمالا چونکه دسته ها خالی هستن (مطلبی توشون قرار نداره،) نمایش داده نمیشن، پستی منتشر کنید و اون دسته هارو انتخاب کنید

13001300

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

کیوان علی محمدی

من نمیتونم مقایسه دقیقی بین این دوتا انجام بدم،اما به نظرم Dream هم ویژگی های خاص خودش رو داره،Storm از پلاگین استفاده میکنه و Dream واقعا Extension های جالبی داره،به نظرم باید ببینی با کدومشون راحتتری،من با دوتاش می مونم فعلا،البته من محیط ظاهری Storm رو کمی شخصی سازی کردم که برام بهتره.

Alireza crs

این خوبه یا dreamwaver?

کیوان علی محمدی

من قبلا از Dream استفاده میکردم (البته هنوز هم استفاده میکنم)،با پیشنهاد آقای آوند الان بیشتر از Storm استفاده میکنم و واقعا ازش راضیم،برای طراحی وب و کد نویسی PHP که حرف نداره،Auto Complete اش هم واقعا عالیه،

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.
گزارش مشکل