این آموزش در تاریخ ۱۴۰۱/۰۴/۳۱ آپدیت شده است.

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

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

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

Free-Learn

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

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

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

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

Free-Learn

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

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

مثال شماره ۱ : با کلیک بروی یک دکمه روی Input فوکوس میشه و با کلیک بروی دکمه دیگری، فوکوس حذف میشه.

امتحان کنید

مثال شماره ۲ : اسکرول شدن خودکار صفحه بروی تگی که روش اسکرول شده

امتحان کنید

Free-Learn

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

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

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

Free-Learn

شکل نوشتاری

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

Free-Learn

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

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

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

Free-Learn

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

  • با استفاده از صفت autofocus در HTML هم میتونیم دقیقا کاره همین متد رو انجام بدیم. ( برای فوکوس کردن بروی تگی )
  • با استفاده از متد ()blur میتوان فوکوس رو از روی یک تگ حذف کرد.

Free-Learn

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