کلاسهای پیشنهادی:
رویداد onblur
تعریف و استفاده
رویداد onblur وقتی یک شیء از دست میدهد که به آن تمرکز داده شده است، رخ میدهد.
در مقابل. رویداد onblur معمولاً با کد تأیید فرم (مثلاً وقتی کاربر از فیلد فرم خارج میشود) استفاده میشود. انفرادی (onfocus) واقعرویداد onblur با
در مقابل. توجه: انفرادی (onfocusout) واقعدقیقاً مانند، اما addEventListener() طریقپارامتر useCapture (اختیاری) برای این منظور استفاده میشود.
مثال
اجرای جاوااسکریپت وقتی کاربر از فیلد ورودی خارج میشود:
<input type="text" onblur="myFunction()">
در پایین صفحه مثالهای بیشتری از TIY وجود دارد.
قواعد
در HTML:
<عنصر onblur="myScript">
در جاوااسکریپت:
اشیاء.onblur = function(){}myScript};
جس میں جاوا اسکریپت میں، addEventListener() طریق استفادہ کریں:
اشیاء.addEventListener("blur", myScript);
تعلیمات:Internet Explorer 8 یا اس سے پچھلے ورژن نہیں پشتیبانی کرتا addEventListener() طریق.
تکنیکی تفصیلات
| بولبول: | نہیں پشتیبانی کیا جاتا |
|---|---|
| موقت بند: | نہیں پشتیبانی کیا جاتا |
| واقعیتی نوع: | انفرادی (FocusEvent) |
| پشتیبانی کئے جانے والے HTML تگاں: | تمام HTML عناصر، مگر: <base>،<bdo>،<br>،<head>،<html>،<iframe>،<meta>،<param>،<script>،<style> اور <title> |
| DOM ویرسیون: | Level 2 Events |
برورسر پشتیبانی
| واقعیت | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| onblur | پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی |
بھی ترقیاً مثال
مثال
onblur اور onfocus واقعیتیں استفادہ کرنا:
<input type="text" onfocus="focusFunction()" onblur="blurFunction()">
مثال
شکلی داواپت: addEventListener() کا useCapture پارامتر true رکھنا:
<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>
مثال
شکلی داواپت: استفادہ focusin واقعیت (Firefox نہیں سپورٹ کرتا):
<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>
