focus मेथड

focus मेथड तत्व पर फोकस सेट करता है (अक्सर इनपुट पर)। इसका मतलब है, कि इस इनपुट में कर्सर झपकने लगेगा और कीबोर्ड से दर्ज किया गया टेक्स्ट ठीक इसी इनपुट में जाएगा।

सिंटैक्स

तत्व.focus();

उदाहरण

आइए एक बटन पर क्लिक करके इनपुट पर फोकस सेट करें, और दूसरे पर क्लिक करके - इसे हटा दें:

<input value="text" id="input">
<input type="button" value="focus" id="focus">
<input type="button" value="blur"  id="blur">

let input = document.querySelector('#input');
let focus = document.querySelector('#focus');
let blur  = document.querySelector('#blur');

// फोकस बटन पर क्लिक करने पर इनपुट पर फोकस सेट करें:
focus.addEventListener('click', function() {
	input.focus();
});

// ब्लर बटन पर क्लिक करने पर इनपुट से फोकस हटाएं:
blur.addEventListener('click', function() {
	input.blur();
});

यह भी देखें

blur मेथड,
जिसकी मदद से तत्व से फोकस हटाया जा सकता है