onblur ইভেন্ট
সংজ্ঞা ও ব্যবহার
onblur ইভেন্টটি যখন অবজেক্টটি ফক্স হারায়
onblur ইভেন্টটি সর্বাধিক ফর্ম পরীক্ষা কোডের সাথে ব্যবহৃত হয় (যেমন, ব্যবহারকারী ফর্ম ফিল্ড ছেড়ে যাওয়ার সময়)।
টীকা: onblur ইভেন্টটির onfocus ইভেন্টবিপরীত
টীকা: onblur ইভেন্টটি অনুরূপ onfocusout ইভেন্ট。মূল পার্থক্যটি এই যে onblur ইভেন্টটি বারবল না হয়। তাই, যদি আপনি ইলেক্ট্রনের বা তার সাব-ইলেক্ট্রনের ফক্স হারানোর জন্য জানতে চান, onfocusout ইভেন্টটি ব্যবহার করতে পারেন। কিন্তু, onblur ইভেন্টটির addEventListener() মথুরuseCapture পারামিটার (বাছাইযোগ্য) এই কাজ করতে।
ইনস্ট্যান্স
যখন ব্যবহারকারী ইনপুট ফিল্ড ছেড়ে যায় তখন জাভাস্ক্রিপ্ট চালু করুন:
<input type="text" onblur="myFunction()">
পাতার নিচে আরও TIY উদাহরণ আছে。
সূত্র
HTML-তে:
<element onblur="myScript">
জাভাস্ক্রিপ্টের মধ্যে:
অবজেক্ট.onblur = function(){}myScript};
জেভাস্ক্রিপ্টে, addEventListener() মথুর ব্যবহার করে:
অবজেক্ট.addEventListener("blur", myScript);
মন্তব্য:ইন্টারনেট এক্সপ্লোরার 8 বা আরও পুরানো সংস্করণ সমর্থন করে না addEventListener() মথুর。
টেকনিক্যাল ডিটেল
| বাফলিং | সমর্থন না |
|---|---|
| ক্যান্সেলবল | সমর্থন না |
| ইভেন্ট টাইপ: | FocusEvent |
| সমর্থিত এইচটিএমএল ট্যাগ: | সকল এইচটিএমএল ইলেমেন্ট, নিম্নলিখিত ইলেমেন্টগুলি ছাড়া: <base>、<bdo>、<br>、<head>、<html>、<iframe>、<meta>、<param>、<script>、<style> এবং <title> |
| ডএমএস সংস্করণ: | লেভেল 2 ইভেন্ট |
ব্রাউজার সমর্থন
| ইভেন্ট | চ্রোম | আইই | ফায়ারফক্স | স্যাফারি | ওপেরা |
|---|---|---|---|---|---|
| onblur | সমর্থন | সমর্থন | সমর্থন | সমর্থন | সমর্থন |
আরও ইনস্ট্যান্স
ইনস্ট্যান্স
ওনব্লার এবং ওনফক্স ইভেন্টকে একসঙ্গে ব্যবহার করুন:
<input type="text" onfocus="focusFunction()" onblur="blurFunction()">
ইনস্ট্যান্স
ইভেন্ট ডেলিগেশন: অ্যাডডিনিস্ট্রিংটঅলিস্টিনার () এর useCapture পারামিট ট্রু হিসাবে সেট করুন:
<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>
ইনস্ট্যান্স
ইভেন্ট ডেলিগেশন: ফক্সিন ইভেন্ট (ফায়ারফক্স সমর্থন করে না):
<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>
