event یا رویداد در jquery یعنی چه ؟

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

یکی از کار هایی که کتابخانه jQuery  به خوبی انجام میدهد پاسخدهی به وقایع در صفحات HTML است.

هر رویداد در واقع نماینده ی لحظه ای است که اتفاقی در صفحه به وقوع می پیوندد. مثلا :

  • نشانگر روی یک تگ قرار گیرد
  • روی تگ کلیک شود
  • یک دکمه کلیک شود

در ادامه با چند رویداد اشنا میشویم و بررسی میکنیم

رویدادهای نشانگر رویداد های کیبورد رویداد های فرم Document رویداد های 
کلیک فشردن کلید submit load
dblclick پایین بردن کلید عوض کردن resize
وازد شدن نشانگر بالا بردن کلید focus scroll
خارج شدن نشانگر - blur unload

آشنایی با Event های پر کاربرد جی کوئری

رویداد click :

وقتی کاربر روی یکی از تگ های html مورد نظر شما کلیک کرده باشد رویداد click اتفاق می افتد . مثلا در مثال زیر، وقتی کاربر روی تگ p کلیک کند، تگ p محو خواهد شد :

$("p").click(function(){
    $(this).hide();
});

رویداد dblclick : این رویداد وقتی اتفاق می افتد که کاربر روی تگ مربوطه دابل کلیک کرده باشد. مثلا این بار وقتی تگ p محو میشود که کاربر روی آن دوبار  کلیک کند :

$("p").dblclick(function(){
    $(this).hide();
});

 mouseenter (نشانگر وارد میشود) : رویداد mouseenter همانطور که از نامش هم پیداست، وقتی اجرا میشود که اشاره گر ماوس وارد تگ HTML مورد نظر شما شده باشد. در مثال پایین وقتی ماوس وارد تگ دارای آی دی test شود، به او خوش امد میگوید

$("#test").mouseenter(function(){
    alert("خوش آمدید!");
});

mouseleave (نشانگر خارج میشود)‌: رویداد mouseleave خروج اشاره گر ماوس از محوطه ی دلخواه را مشخص میکند :

$("#test").mouseleave(function(){
    alert("خدانگهدار");
});

focus : این رویداد بر روی فیلد های یک فرم مورد استفاده قرار میگیرد. این واقعه وقتی اتفاق می افتد که یک فیلد مورد توجه قرار گرفته باشد. مثلا کاربر با کلیک کردن در فیلد جستجو، آن را فعال کرده باشد. در مثال زیر، پس از اتفاق افتادن رویداد focus، رنگ پس زمینه ی فیلد مورد نظر را تغییر میدهیم :

$("input").focus(function(){
    $(this).css("background-color", "#ACFF9D");
});

blur : این واقعه دقیقا بالعکس رویداد focus است. یعنی هرگاه تمرکز روی یک فیلد از بین برود، رویداد blur اتفاق می افتد. از این واقعه هم دقیقا به همان شکل که در بالا اشاره شد میتوانید استفاده کنید.

خلاصه درس

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

توسعه دهندگان
آریان آذر