این آموزش در تاریخ ۱۴۰۱/۰۴/۳۱ آپدیت شده است.
آموزش متد blur در DOM جاوااسکریپت
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش متد blur در DOM جاوااسکریپت با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
متد blur در DOM جاوااسکریپت
با استفاده از متد ()blur میتونیم فوکوس ( یا 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> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از این متد در جاوااسکریپت پشتیبانی میکنند یا خیر.
| نام متد | Chrome | Firefox | Opera | Safari | Edge |
| ()blur | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این متد در جاوااسکریپت بصورت زیر می باشد.
|
1 |
Element.blur(); |
Free-Learn
نکات و توضیحات
- این متد هیچ پارامتری نمیگیرد.
- با استفاده از متد ()focus میتوان بروی یک تگ فوکوس کرد.
- با استفاده از متد ()blur میتوان فوکوس رو از روی یک تگ حذف کرد.
- با استفاده از صفت autofocus در HTML هم میتونیم کاره متد
focusرو انجام بدیم.
