0

هیچ محصولی در سبد خرید نیست.

طراحی سایت در اصفهان, سئو سایت اصفهان, ساخت سایت اصفهان, طراحی سایت حرفه ای اصفهان, بهینه سازی سایت , بازاریابی و دیجیتال مارکتینگ 09133886881 احمدپور

ایونت ها در جی کوئری

نویسنده پشتیبانی وب یار
امتیاز مطلب
تعداد بازدید 20
تاریخ بروزرسانی ۱۳ مرداد ۱۴۰۰

جی کوئری یکی از کتابخانه های زبان برنامه نویسی جاوا اسکریپت می باشد که در ساختار فرانتاند سایت استفاده می گردد. قبل تر در مورد این زبان یک توضیحات کلی به شما دادیم.اما در این مقاله می توانیم در مورد ایونت های این زبان برای شما به صورت مختصر توضیحاتی را ارائه کنیم.در ذهن یک مخاطب این سوالات پیش می آید که :

  • ایونت چیست؟
  • از ایونت ها در جی کوئری چه استفاده ای می شود؟
  • چند نوع ایونت در زبان جی کوئری وجود دارد؟
  • هر کدام از این نوع ها چه بخش هایی را شامل می شوند؟

ایونت چیست؟

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

از دستور ها در جی کوئری چه استفاده ای می شود؟

ایونت ها در جی کوئری به منظور پویاسازی سایت استفاده می گردند.بگذارید این طور برای شما توضیح دهم که جی کوئری برای زیبا سازی سایت ها استفاده می گردد.ایونت ها نیز به منظور پاسخ دادن صفحه وب به کاربر می شوند.در زیر متوجه می شوید که یک ایونت چگونه است و با انهواع ایونت ها آشنا خواهید شد.

 

ایونت ها در جی کوئری

 

چند نوع ایونت در زبان جی کوئری وجود دارد؟

ایونت ها در جی کوئری به چهار دسته تقسیم می شوند:

  1. ایونت ها برای موس ها
  2. ایونت کیبورد
  3. ایونت های فرم ها
  4. ایونت های داکیومنت ها

 

ایونت های موس ها به چند دسته تقسیم می شوند؟

ایونت هایی که به کمک موس ها اجرا می شوند در پنج نوع زیر می باشند:

  • Click
  • Dblclick
  • Mouseenter
  • Mouseleave

 کلیک ( click ) :

این ایونت با کلیک کردن روی یک بخش انتخاب شده در جی کوئری اضافه می گردد.درذ پایین مثالی برای شما می زنیم تا به شکل بهتری درک کنید.

<script>

$(document).ready(function(){

  $("p").click(function(){

    $(this).hide();

  });

});

</script>

<p> کلیک کنید تا این بخش از بین برود </p>

که با کلیک بر روی خروجی تگ p این متن از بین می رود.

 دابل کلیک:

ایونت دابل کلیک یا dblclick یک ایونت مشابه ایونت کلیک می باشد تنها تفاوت آن با ایونت کلیک این است که اگر دابل کلیک کنید اتفاق می افتد. به مثال زیر توجه کنید.

<script>

$(document).ready(function(){

  $("#p1").dblclick(function(){

    alert("شما روی آی دی پاراگراف 1 دابل کلیک کردید");

  });

});

</script>

<p id="p1">روی این متن دابل کلیک کنید. </p>

که با کلیک بر روی روی متن یک اخطار برای شما باز می شود و متن اخطار را به شما نمایش می دهد.

Mouseenter

یکی دیگر از ایونت های موجود در جی کوئری موس اینتر می باشد به گونه که اگر موس وارد بخش مورد نظر شود تمام کار هایی که درون ایونت گفته شده انجام میگردد.

<script>

$(document).ready(function(){

  $("#p1").mouseenter(function(){

    alert(" روی گزینه اوکی کلیک کنید. " );

  });

});

</script>

<p id="p1"> موس را روی این پاراگراف بگذارید  </p>

با وارد شدن موس به محدوده پاراگراف میتوانید اخطار یا پیام نمایش داده شده در صفحه را ببینید.

Mouseleave

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

 

 کیبورد:

این ایونت ها را می توانید به کمک کیبورد اجرا کنید. انواع این این ایونت ها:

  • Keyup
  • Keydown
  • Keypress

این ایونت ها را به طور کلی برای شما توضیح می دهیم. زیرا همانند ایونت های بالا میتوانند در کد شما قرار بگیرند.

 keyup/keydown :

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

 keypress :

با فشار دادن یک دکمه به صورت رندوم می توانید کد های جی کوئری نوشته شده را در سایت خود اجرا کنید.

 

سخن پایانی:

در این مقاله مشاهده کردید که ایونت ها چقدر تاثیر مثبت هم در روند کد نویسی هم در ظاهر وبسایت ما دارند. ایونت های دیگر را در مقالات بعدی این بخش برای شما توضیح می دهیم. برای آموزش های بیش تر می توانید به صفحه بلاگ بروید و مطالبی که به صورت روزانه منتشر می شوند را بخوانید.اگر قصد شرکت در کلاس های آموزشی مجموعه وبیار را دارید با کلیک بر روی کلاس های آموزشی مجموعه وبیار می توانید در این کلاس ها شرکت کنید. برای آگاهی از آخرین اخبار و تخفیف های مجموعه در شبکه مجازی اینستاگرام ما را همراهی کنید.

0/5 (0 Reviews)
مطالب مرتبط
دیدگاه ها

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *