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

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

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

Free-Learn

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

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

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

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

Free-Learn

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

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

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

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

امتحان کنید

Free-Learn

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

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

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

Free-Learn

شکل نوشتاری

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


Free-Learn

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

  • این متد هیچ پارامتری نمیگیرد.
  • در مثال شماره ۱ از شبه کلاس focus برای استایل دادن به عنصری که روش فوکوس شده استفاده کردیم.
  • با استفاده از متد focus میتونیم بروی عنصر یا تگی فوکوس کنیم.
  • با استفاده از صفت autofocus در HTML هم میتونیم کاره متد focus رو انجام بدیم.

Free-Learn

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