ویژگی عمومی onblur در زبان اچ تی ام ال
در این مقاله از سایت آموزی جهت استفاده شما همراهان گرامی به معرفی و کاربرد رویداد onblur در html می پردازیم.
رویداد onblur در html زمانی رخ می دهد که یک شیء از وضعیت focus خارج شود. و بیشتر در تگ input استفاده می شود.
معرفی و کاربرد رویداد onblur در HTML
رویداد onblur در html اکثر اوقات با کد اعتبار سنجی فرم استفاده می شود. برای مثال وقتی که کاربر یک فیلد از فرم را ترک می کند، می تواند خصوصیت رویدادی onblur رخ دهد.
نکات مهم
ویژگی رویدادی onblur برعکس رویداد onfocus می باشد. خاصیت رویدادی onblur شبیه رویداد onfocusout است. تفاوت اصلی آنها در این است که، رویداد onblur ویژگی bubble را ندارد .
بنابراین در صورتی که شما می خواهید بفهمید که چه زمانی یک تگ یا فرزندان آن focus را از دست می دهند شما می توانید از رویداد onfocusout استفاده کنید.
اما شما می توانید این ویژگی را با استفاده از پارامتر اختیاری UseCapture در متد addEventListener برای صفت رویدادی onblur فعال کنید.
مثال در مورد استفاده از ویژگی عمومی onblur در زبان اچ تی ام ال درون تگ input
<input type=”text” onblur=”myFunction()”>
بررسی رویداد onblur در html درون سند html 4.0.1 و HTML5
ویژگی onblur درون نسخه HTML5 و در نسخه HTML 4.0.1 وجود داشته است.
پشتیبانی مرورگرهای اینترنتی از ویژگی عمومی onblur در زبان اچ تی ام ال در تگ input
رویداد html | |||||
onblur | بله | بله | بله | بله | بله |
برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای طراحی سایت فروشگاهی با وردپرس پروژه محور
برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای طراحی سایت با HTML5 و CSS3 و jQuery
پیوندهای کاربردی و مفید
تگ های جدید HTML5 در سایت آموزی
صفات تگ های HTML در سایت آموزی
تگ های منسوخ شده HTML5 در سایت آموزی
تگ های block level و inline level در سایت آموزی
رویداد عمومی onblur در HTML برعکس رویداد onfocus – اختصاصی سایت آموزی
درباره سایت آموزی
علیرضا ابراهیمی - بنیانگذار وبسایت آموزشی سایت آموزی ، 8 سال سابقه فعالیت حرفه ای در زمینه طراحی سایت ، سئو ، سابقه تدریس اغلب زبان های برنامه نویسی تحت وب ، محقق و تحلیلگر ساختارهای توسعه دهنده وب
نوشته های بیشتر از سایت آموزی
دیدگاهتان را بنویسید