آموزش رویداد عمومی OnBlur در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش رویداد عمومی OnBlur در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
رویداد عمومی onblur در HTML
رویداد onblur رویدادی است که در دسته ی رویدادهای فرم ها قرار دارد و معمولا زمانی رخ میدهد که فوکوس ماوس از روی یک عنصر ورودی برداشته شود، یعنی در واقع زمانی که ماوس از روی یک عنصر ورودی خارج می شود این رویداد رخ میدهد.
این رویداد دقیقا مخالف رویداد OnFocus عمل میکند.
Free-Learn
مثال از رویداد عمومی onblur در HTML
در ادامه میتوانید یک مثال از این رویداد را مشاهده نمایید.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
<body> <p dir="rtl">لطفا یک متن درون باکس زیر وارد نمایید سپس در جای خالی از صفحه کلیک نمایید</p> نام شما : <input type="text" name="fname" id="name" onblur="myFunction()"> <script> function myFunction() { var x = document.getElementById("name"); x.value = x.value.toUpperCase(); x.style.color="white"; x.style.background = "blue"; } </script> </body> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از رویداد onblur در HTML پشتیبانی میکنند یا خیر.
| نام مرورگر | Chrome | Firefox | Opera | Safari | IE |
| پشتیبانی | بله | بله | بله | بله | بله |
Free-Learn
روش استفاده
روش استفاده از این رویداد در عناصر HTML بصورت زیر می باشد.
|
1 |
<element onblur="script"> |
Free-Learn
جدول مقادیر رویداد onblur
در جدول زیر میتوانید مقادیری را که میتوان در این رویداد استفاده کرد را مشاهده نمایید.
| مقدار | توضیح |
| script | دستورات جاوااسکریپت برای اجرا شدن |
Free-Learn
عناصری که توسط این رویداد پشتیبانی می شوند
رویداد onblur را میتوان در تمامی عناصر/تگ های HTML بکار برد.
ولی در تگ های زیر نمیتوان این رویداد را بکار برد :
| <base> | <bdo> | <br> | <head> |
| <html> | <iframe> | <meta> | <param> |
| <script> | <style> | <title> | – |
