HTML DOM hasFocus() মেথড

HTML DOM hasFocus() মেথড ডকুমেন্ট বা ডকুমেন্টের ভিতরের যেকোনো এলিমেন্ট ফোকাস আছে কিনা জানতে ব্যবহৃত হয়। এটি একটি বুলিয়ান মান রিটার্ন করে যেখানে true মানে ডকুমেন্ট/এলিমেন্টে ফোকাস আছে এবং false মানে নেই।

সিনট্যাক্স

hasFocus() মেথডের সিনট্যাক্স:

document.hasFocus()

উদাহরণ

hasFocus() মেথডের উদাহরণ:

<!DOCTYPE html> <html> <body> <h1>hasFocus() মেথড</h1> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> <button id="BTN1" >CHECK </button> <script>    setInterval("checkFocus()", 20);    function checkFocus() {       var b = document.getElementById("BTN1");       if (document.hasFocus()) {          b.innerHTML = "FOCUSED";       } else {          b.innerHTML = "NOT FOCUSED";       }    } </script> </body> </html>

আউটপুট

এটি নিচের আউটপুট তৈরি করবে:

ডকুমেন্টে যেকোনো জায়গায় ক্লিক করলে NOT FOCUSED FOCUSED-এ পরিবর্তন হবে:

উপরের উদাহরণে:

আমরা checkFocus() ফাংশন তৈরি করেছি যা getElementById() মেথড ব্যবহার করে বাটন এলিমেন্ট পাওয়া। তারপর hasFocus() মেথড কল করে ডকুমেন্টে ফোকাস আছে কিনা জানা এবং শর্তানুযায়ী স্টেটমেন্ট এক্সিকিউট করা। ডকুমেন্ট.hasFocus() true বা false রিটার্ন করলে বাটনে ভিন্ন টেক্সট প্রদর্শন করা হয়:

function checkFocus() {    var b = document.getElementById("BTN1");    if (document.hasFocus()) {       b.innerHTML = "FOCUSED";    } else {       b.innerHTML = "NOT FOCUSED";    } }

যেহেতু ডকুমেন্টে ক্লিক করলে সেটি সবসময় ফোকাস পাবে, তাই setInterval() মেথড ব্যবহার করা হয়েছে যা প্রতি ২০ মিলিসেকেন্ড পরপর checkFocus() মেথড এক্সিকিউট করে চেক করে যে ডকুমেন্টে বর্তমানে ফোকাস আছে কিনা:

setInterval("checkFocus()", 20);