কোর্স সুপারিশ:
onfocusout ইভেন্ট
সংজ্ঞা ও ব্যবহার
যদিও Firefox onfocusout ইভেন্ট সমর্থিত না, আপনি onblur ইভেন্টের ক্যাপচার লিস্টিনার (addEventListener() মথুর অপশনাল useCapture পারামিটার ব্যবহার করে) এর মাধ্যমে সাব-এলিমেন্টটি ফোকাস হারানোর কথা জানতে পারবেন。 onfocusout ইভেন্ট ঘটে যখন এলিমেন্ট ফোকাস হারানোর আগে onblur ইভেন্টonfocusout ইভেন্ট অনুরূপ
যদিও Firefox onfocusout ইভেন্ট সমর্থিত না, আপনি onblur ইভেন্টের ক্যাপচার লিস্টিনার (addEventListener() মথুর অপশনাল useCapture পারামিটার ব্যবহার করে) এর মাধ্যমে সাব-এলিমেন্টটি ফোকাস হারানোর কথা জানতে পারবেন。。মূল পার্থক্যটি হল যে onblur ইভেন্ট বাবল হয় না।তাই, যদি আপনি এলিমেন্ট বা তার সাব-এলিমেন্টটি ফোকাস হারানোর কথা জানতে চান, তবে onfocusout ইভেন্ট ব্যবহার করবেন。
যদিও Firefox onfocusout ইভেন্ট সমর্থিত না, আপনি onblur ইভেন্টের ক্যাপচার লিস্টিনার (addEventListener() মথুর অপশনাল useCapture পারামিটার ব্যবহার করে) এর মাধ্যমে সাব-এলিমেন্টটি ফোকাস হারানোর কথা জানতে পারবেন。 সুপারিশ: onfocusin ইভেন্টonfocusout ইভেন্ট এর সঙ্গে
বিপরীত
ইনস্ট্যান্স
উদাহরণ 1
যখন ইনপুট ফিল্ড ফোকাস হারানোর আগে জেভাস্ক্রিপ্ট চালানো হয়:
<input type="text" onfocusout="myFunction()">
পানের নিচে আরও TIY ইনস্ট্যান্স আছে。
সংজ্ঞা
HTML-তে:< element.addEventListener("focusout",onfocusout="
">
জেভাস্ক্রিপ্টে, addEventListener() মথুর ব্যবহার করে:In JavaScript (may not work as expected in Chrome, Safari and Opera 15+):.addEventListener("focusout",.onfocusout = function(){
};
জেভাস্ক্রিপ্টে, 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 ইভেন্ট |
ব্রাউজার সমর্থন
সারণীতে বর্ণিত সংখ্যা এই ইভেন্টকে পূর্ণ সমর্থন করা প্রথম ব্রাউজার সংস্করণকে উল্লেখ করে。
| ইভেন্ট | চ্রোম | আইই | ফায়ারফক্স | সাফারি | ওপেরা |
|---|---|---|---|---|---|
| onfocusout | সমর্থন | সমর্থন | 52.0 | সমর্থন | সমর্থন |
মন্তব্য:onfocusout ইভেন্ট চ্রোম, সাফারি এবং ওপেরা 15+ এবং JavaScript HTML DOM ভাষায় প্রত্যাশিতভাবে কাজ করতে পারে না। কিন্তু, এটা HTML প্রতিশব্দ হিসাবে ব্যবহার করা উচিত এবং addEventListener() পদ্ধতিকে ব্যবহার করা উচিত (দৃষ্টি নিইন নিচের গঠনশৈলীর উদাহরণ)。
আরও উদাহরণ
উদাহরণ 2
"onfocusin" এবং "onfocusout" ইভেন্টকে একসঙ্গে ব্যবহার করা:
<input type="text" onfocusin="focusFunction()" onfocusout="blurFunction()">
উদাহরণ 3
ইভেন্ট ডেলিগেশন: 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>
উদাহরণ 4
ইভেন্ট ডেলিগেশন: ফক্সিন ইভেন্ট ব্যবহার করে:
<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>
