event در jQuery

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

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

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

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

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

رویداد 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");
});