این آموزش در تاریخ ۱۴۰۲/۰۶/۲۳ آپدیت شده است.
آموزش رویداد عمومی OnFocus در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش رویداد عمومی OnFocus در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
رویداد عمومی OnFocus در HTML
رویداد onfocus زمانی رخ میدهد که ماوس بروی یک عنصر فوکوس کند و یا بطور کلی لحظه کلیک ماوس بروی یک عنصر / تگ این رویداد رخ میدهد.
این رویداد دقیقا برعکس رویداد عمومی OnBlur عمل میکند.
Free-Learn
مثال از رویداد عمومی onfocus در HTML
در ادامه میتوانید یک مثال از این رویداد را مشاهده نمایید.
مثال شماره ۱ : وقتی روی دکمه کلیک شد onfocus اجرا میشه و وقتی خارج از دکمه کلیک شد onblur اجرا میشه.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
<body> <button id="MyBtn" onfocus="MyFocus();" onblur="MyBlur();">روی من کلیک کن</button> <p id="Result"></p> <script> function MyFocus(){ document.getElementById("Result").innerHTML = "روی دکمه کلیک شد"; } function MyBlur(){ document.getElementById("Result").innerHTML = "خارج از دکمه کلیک شد"; } </script> </body> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از رویداد onfocus در HTML پشتیبانی میکنند یا خیر.
| نام مرورگر | Chrome | Firefox | Opera | Safari | Edge |
| پشتیبانی | بله | بله | بله | بله | بله |
Free-Learn
روش استفاده
روش استفاده از این رویداد در عناصر HTML بصورت زیر می باشد.
|
1 |
<element onfocus="Script"> |
Free-Learn
جدول مقادیر رویداد onfocus
در جدول زیر میتوانید مقادیری را که میتوان در این رویداد استفاده کرد را مشاهده نمایید.
| مقدار | توضیح |
| Script | دستورات جاوااسکریپت برای اجرا شدن |
Free-Learn
عناصری که توسط این رویداد پشتیبانی می شوند
رویداد onfocus را میتوان در تمامی عناصر / تگ های معتبر HTML بکار برد، ولی در تگ های زیر نمیتوان این رویداد استفاده کرد :
| <base> | <bdo> | <br> | <head> |
| <html> | <iframe> | <meta> | <param> |
| <script> | <style> | <title> | |
Free-Learn
نکات و توضیحات
- نکته یا توضیح خاصی وجود ندارد.
