آموزش متد focus در DOM جاوااسکریپت

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش متد focus در DOM جاوااسکریپت با من همراه باشید.

متد focus در DOM جاوااسکریپت

Free-Learn

متد focus در DOM جاوااسکریپت

با استفاده از متد ()focus میتونیم بروی یک عنصر یا تگ فوکوس ( یا focus ) ( به فارسی یعنی تمرکز ) نماییم، یعنی بطور کلی بخوایم بگیم، برای قرار دادن اشاره گر ماوس بروی یک عنصر.

با استفاده از متد ()blur میتوان فوکوس را از روی یک عنصر یا تگ حذف کرد.

مقدار برگشتی هیچی
نسخه DOM Document Object Model Level 2

Free-Learn

مثال از این متد

در ادامه میتوانید یک مثال از این متد را در زبان جاوا اسکریپت مشاهده نمایید.

مثال شماره ۱ : با کلیک بروی یک دکمه ( Button ) ، فوکوس بروی Input قرار میگیرد و اینپوت آماده نوشتن میشه.

امتحان کنید

مثال شماره ۲ : فوکوس کردن بروی دکمه ( وقتی فوکوس بروی دکمه قرار بگیره اون دکمه آماده کلیک شدن می باشد، یعنی اگه بروی دکمه اینتر Enter بزنید مثه اینه که با ماوس بروی اون دکمه کلیک کرده اید )

در این مثال از شبه کلاس focus نیز برای استایل دادن به عنصری که روش فوکوس میشه استفاده کردیم.

امتحان کنید

Free-Learn

پشتیبانی مرورگرها

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

نام متد Chrome Firefox Opera Safari IE
()focus بله بله بله بله بله

Free-Learn

شکل نوشتاری

نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این متد در جاوااسکریپت بصورت زیر می باشد.

Free-Learn

جدول پارامترها

در جدول زیر میتوانید، پارامترهایی را که میتوان در این متد استفاده کرد مشاهده نمایید.

مقدار توضیح
preventScroll اختیاری – برای اسکرول به عنصری که روش فوکوس شده
مقدار true : یعنی نه اسکرول نشه ( مثال )
مقدار false ( گزینه پیش فرض ) : یعنی بله اسکرول بشه ( مثال )

Free-Learn

نکات و توضیحات

  • در مثال شماره ۲ از شبه کلاس focus برای استایل دادن به عنصری که روش فوکوس شده استفاده کردیم. ( در اصل میخواستم به چشم ببینید که آیا مثلا بروی فلان عنصر فوکوس شده یا نه )
  • با استفاده از صفت autofocus در HTML هم میتونیم دقیقا کاره همین متد رو انجام بدیم.

Free-Learn

دریافت PDF یا پرینت این مطلب