رویداد focusin در جی کوئری

          admin 
            بازدید : 196
          پنجشنبه 29 خرداد 1393
           نظرات (0)
        

رویداد ( ) focusin در jQuery

در این بخش از آموزش JQuery ، رویداد focusin را در طراحی سایت شرح میدهیم.

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

$ ( " selector " ).focusin ( function ( ) { ... some code ... } ;

selector : selector کنترل یا عنصری است که یک عنصر فرزند آن فوکوس برنامه را به دست می آورد .
function : این تابع کد دستوری است که می خواهیم در هنگام رخ دادن رویداد ، انجام شود .

مثال زیر کاربرد رویداد focusin را نشان میدهد :

$("div").focusin(function(){
$(this).css("background-color","#FFFFCC");
});

درباره آموزش طراحی وب , جی کوئری ,

ادامه مطلب ...