آموزش متد hasFocus در DOM جاوااسکریپت
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش متد hasFocus در DOM جاوااسکریپت با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
متد hasFocus در DOM جاوااسکریپت
با استفاده از متد ()hasFocus میتونیم مشخص کنیم که آیا بروی صفحه ( Document ) یا تگ های موجود در صفحه، فوکوس یا Focus شده است یا خیر! فوکوس شدن در اینجا به معنی کلیک شدن بروی چیزی هست.
این متد هیچ پارامتری نمیگیرد.
با استفاده از ویژگی activeElement میتوان مشخص کرد که بروی چه عنصر یا تگی در صفحه فوکوس شده.
| مقدار برگشتی | یک مقدار بولی ( Boolean ) برمیگرداند true : یعنی بله بروی صفحه یا عنصر فوکوس شده یا false : یعنی خیر بروی صفحه یا عنصر فوکوس نشده |
|---|
Free-Learn
مثال از این متد
در ادامه میتوانید یک مثال از این متد را در زبان جاوا اسکریپت مشاهده نمایید.
مثال شماره ۱ : با فوکوس شدن ( کلیک بروی خوده صفحه یا تگ های موجود در صفحه ) یک پیغام دلخواه نمایش داده میشود.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<script> setInterval("myFocus()", 50); function myFocus(){ var result = document.getElementById("Result"); if (document.hasFocus() == true) { result.innerHTML = "الان روی صفحه فوکوس شد"; } else { result.innerHTML = "فوکوس از صفحه خارج شد" + "<br>" + "بیا اینجا روی صفحه کلیک کن"; } } </script> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از این متد در جاوااسکریپت پشتیبانی میکنند یا خیر.
| نام متد | Chrome | Firefox | Opera | Safari | IE |
| ()hasFocus | ۳۰٫۰ | ۳٫۰ | ۲۳٫۰ | ۴٫۰ | ۵٫۵ |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این متد در جاوااسکریپت بصورت زیر می باشد.
|
1 |
document.hasFocus(); |
Free-Learn
نکات و توضیحات
- همونطور که اشاره کردم این متد یک مقدار بولی یا بولین یا Boolean رو برگشت میده، مقدار بولی هم همیشه یا true هست یا false
- وقتی true باشه یعنی بله بروی صفحه فوکوس شده و وقتی false باشه یعنی خیر بروی صفحه فوکوس نشده
