این آموزش در تاریخ ۱۴۰۱/۰۴/۳۱ آپدیت شده است.
آموزش متد focus در DOM جاوااسکریپت
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش متد focus در DOM جاوااسکریپت با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
متد focus در DOM جاوااسکریپت
با استفاده از متد ()focus
میتونیم بروی یک عنصر یا تگ فوکوس ( یا focus ) ( به فارسی یعنی تمرکز ) نماییم، یعنی بطور کلی بخوایم بگیم، برای قرار دادن اشاره گر ماوس بروی یک عنصر.
مقدار برگشتی | هیچی |
---|---|
نسخه DOM | DOM Level 2 |
Free-Learn
مثال از این متد
در ادامه میتوانید یک مثال از این متد را در زبان جاوا اسکریپت مشاهده نمایید.
مثال شماره ۱ : با کلیک بروی یک دکمه روی Input فوکوس میشه و با کلیک بروی دکمه دیگری، فوکوس حذف میشه.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
<script> function Add_MyFocus(){ var MyInput; MyInput = document.getElementById("MyInput"); MyInput.focus(); } function Remove_Focus(){ var MyInput; MyInput = document.getElementById("MyInput"); MyInput.blur(); } </script> |
مثال شماره ۲ : اسکرول شدن خودکار صفحه بروی تگی که روش اسکرول شده
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
<script> function Scroll(){ var MyButton; MyButton = document.getElementById("myButton"); MyButton.focus( { preventScroll:false } ); } function NoScroll(){ var MyButton; MyButton = document.getElementById("myButton"); MyButton.focus( { preventScroll:true } ); } </script> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از این متد در جاوااسکریپت پشتیبانی میکنند یا خیر.
نام متد | Chrome | Firefox | Opera | Safari | Edge |
()focus | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این متد در جاوااسکریپت بصورت زیر می باشد.
1 |
Element.focus( {preventScroll:true|false} ); |
Free-Learn
جدول پارامترها
در جدول زیر میتوانید، پارامترهایی را که میتوان در این متد استفاده کرد مشاهده نمایید.
مقدار | توضیح |
---|---|
preventScroll | اختیاری – برای اسکرول شدن به تگی که روش فوکوس شده مقدار true : یعنی نه اسکرول نشه ( همانند مثال شماره ۲ ) مقدار false ( گزینه پیش فرض ) : یعنی بله اسکرول بشه ( همانند مثال شماره ۲ ) |
Free-Learn
نکات و توضیحات
- با استفاده از صفت autofocus در HTML هم میتونیم دقیقا کاره همین متد رو انجام بدیم. ( برای فوکوس کردن بروی تگی )
- با استفاده از متد ()blur میتوان فوکوس رو از روی یک تگ حذف کرد.