این آموزش در تاریخ ۱۴۰۱/۰۴/۲۷ آپدیت شده است.
آموزش متد 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()", 10); function myFocus(){ var Result = document.getElementById("Result"); if (document.hasFocus() == true) { Result.innerHTML = "الان روی صفحه فوکوس شد"; } else { Result.innerHTML = "هنوز روی صفحه فوکوس نشده"; } } </script> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از این متد در جاوااسکریپت پشتیبانی میکنند یا خیر.
| نام متد | Chrome | Firefox | Opera | Safari | Edge |
| ()hasFocus | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این متد در جاوااسکریپت بصورت زیر می باشد.
|
1 |
document.hasFocus(); |
Free-Learn
نکات و توضیحات
- همونطور که اشاره کردم این متد یک مقدار بولی یا بولین یا Boolean رو برگشت میده، مقدار بولی هم همیشه یا true هست یا false
- وقتی true باشه یعنی بله بروی صفحه فوکوس شده و وقتی false باشه یعنی خیر بروی صفحه فوکوس نشده
