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

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

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

Free-Learn

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

با استفاده از متد ()hasFocus میتونیم مشخص کنیم که آیا بروی صفحه ( Document ) یا تگ های موجود در صفحه،  فوکوس یا Focus شده است یا خیر! فوکوس شدن در اینجا به معنی کلیک شدن بروی چیزی هست.

این متد هیچ پارامتری نمیگیرد.

با استفاده از ویژگی activeElement میتوان مشخص کرد که بروی چه عنصر یا تگی در صفحه فوکوس شده.

مقدار برگشتی یک مقدار بولی ( Boolean ) برمیگرداند
true : یعنی بله بروی صفحه یا عنصر فوکوس شده
یا
false : یعنی خیر بروی صفحه یا عنصر فوکوس نشده

Free-Learn

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

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

مثال شماره ۱ : با فوکوس شدن ( کلیک بروی خوده صفحه یا تگ های موجود در صفحه ) یک پیغام دلخواه نمایش داده میشود.

امتحان کنید

توضیح مثال بالا :

در مثال بالا گفتیم هرموقع بروی صفحه فوکوس ( کلیک ) شد خب یه پیغام چاپ کن که ” الان روی صفحه فوکوس شد ” و هرموقع هم خارج از صفحه فوکوس ( کلیک ) شد پیغام بده ” فوکوس از صفحه خارج شد ”

اگه توجه کنید تابع رو درون یک تایمر زمانبندی شده ( setInterval ) قرار دادیم، برای اینکه هر ۵۰میلی ثانیه هی چک کنه وضعیت فوکوس شدن رو ، و در نهایت این وضعیت رو به ما نشون بده.

Free-Learn

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

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

نام متد Chrome Firefox Opera Safari IE
()hasFocus ۳۰٫۰ ۳٫۰ ۲۳٫۰ ۴٫۰ ۵٫۵

Free-Learn

شکل نوشتاری

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


Free-Learn

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

  • همونطور که اشاره کردم این متد یک مقدار بولی یا بولین یا Boolean رو برگشت میده، مقدار بولی هم همیشه یا true هست یا false
  • وقتی true باشه یعنی بله بروی صفحه فوکوس شده و وقتی false باشه یعنی خیر بروی صفحه فوکوس نشده

Free-Learn

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