जावास्क्रिप्ट में फोकस और ब्लर मेथड्स
आप पहले से जानते हैं कि इनपुट फोकस क्या है। आप यह भी जानते हैं कि फोकस सेट या खो कैसे करें: सेट करने के लिए इनपुट फ़ील्ड में क्लिक करना होगा, और खोने के लिए - किसी अन्य स्थान पर क्लिक करना होगा।
हालाँकि, जावास्क्रिप्ट में विशेष मेथड्स मौजूद हैं
जो जबरन फोकस सेट करने की अनुमति देते हैं
इनपुट में या उसे वहां से हटा देते हैं। ये
मेथड्स हैं focus और blur।
आइए एक उदाहरण से उनके काम को देखें। मान लीजिए हमारे पास एक इनपुट और एक बटन है:
<input id="elem" value="text">
<input type="submit" id="button">
आइए बटन पर क्लिक करने पर इनपुट में फोकस सेट करें:
let elem = document.querySelector('#elem');
let button = document.querySelector('#button');
button.addEventListener('click', function() {
elem.focus();
});
दो इनपुट दिए गए हैं। ऐसा करें कि दो अक्षर दर्ज करने के बाद इनपुट फोकस दूसरे इनपुट पर चला जाए, और उस इनपुट में दो अक्षर दर्ज करने के बाद - फोकस वहां से हट जाए।
