<video>
منابع دیگر
CSSStyleDeclaration
onfocusout رویداد JS تبدیل نوع onblur ایوینٹدرس انتخابی
onfocusout رویدادکلاس پیشنهادی:
onfocusout رویداد توضیحات: onfocusin ایوینٹرویداد onfocusout با
در مقابل.
مثال
مثال 1
اجرای JavaScript زمانی که فیلد ورودی در حال از دست دادن تمرکز است:
<input type="text" onfocusout="myFunction()">
در پایین صفحه نمونههای بیشتری از TIY وجود دارد.
نحوه نوشتن
در HTML:< element.addEventListener("focusout",onfocusout="
">
در JavaScript، از طریق استفاده از روش addEventListener()در JavaScript ( ممکن است در Chrome، Safari و Opera 15+ به درستی کار نکند):.addEventListener("focusout",.onfocusout = function(){
};
در JavaScript، از طریق استفاده از روش addEventListener()object .addEventListener("focusout",myScript
توضیح:); Internet Explorer 8 یا نسخههای قبلی آن پشتیبانی نمیکندمетод addEventListener()
。
| جزئیات فنی: | پشتیبانی |
|---|---|
| بازگشتی: | قابل انصراف: |
| ناپشتیبانی شده: | FocusEvent |
| برچسبهای HTML پشتیبانی شده: | تمام عناصر HTML، به استثنای：<base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> و <title> |
| نسخه DOM: | رویدادهای سطح 2 |
پشتیبانی مرورگر
اعداد در جدول نشاندهنده نسخه اولین مرورگر هستند که این واقعه را به طور کامل پشتیبانی میکند.
| واقعه | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| onfocusout | پشتیبانی | پشتیبانی | 52.0 | پشتیبانی | پشتیبانی |
توضیح:واقعه onfocusout ممکن است در مرورگرهای Chrome، Safari و Opera 15+ با انتظارات شما کار نکند. اما باید به عنوان ویژگی HTML استفاده شود و با استفاده از روش addEventListener() (لطفاً به مثالهای زیر مراجعه کنید) استفاده شود.
مثالهای بیشتری
مثال 2
استفاده از واقعه onfocusin و onfocusout:
<input type="text" onfocusin="focusFunction()" onfocusout="blurFunction()">
مثال 3
استفاده از واقعه focusin و blur:
<form id="myForm">
<input type="text" id="myInput">
</form>
<script>
var x = document.getElementById("myForm");
x.addEventListener("focus", myFocusFunction, true);
x.addEventListener("blur", myBlurFunction, true);
function myFocusFunction() {
document.getElementById("myInput").style.backgroundColor = "yellow";
}
function myBlurFunction() {
document.getElementById("myInput").style.backgroundColor = "";
}
</script>
مثال 4
استفاده از واقعه focusin:
<form id="myForm">
<input type="text" id="myInput">
</form>
<script>
var x = document.getElementById("myForm");
x.addEventListener("focusin", myFocusFunction);
x.addEventListener("focusout", myBlurFunction);
function myFocusFunction() {
document.getElementById("myInput").style.backgroundColor = "yellow";
}
function myBlurFunction() {
document.getElementById("myInput").style.backgroundColor = "";
}
</script>
