Metodat focus dhe blur në JavaScript

Ju tashmë e dini se çfarë është fokusi i inputit. Ju gjithashtu e dini si të vendosni ose të humbni fokusin: për ta vendosur duhet të klikoni në fushën e inputit, dhe për ta humbur - në ndonjë vend tjetër.

Në JavaScript, megjithatë, ekzistojnë metoda speciale që lejojnë vendosjen e detyruar të fokusit në input ose heqjen e tij prej andej. Këto janë metodat focus dhe blur.

Le të shohim funksionimin e tyre me një shembull. Le të themë se kemi këtë input dhe këtë buton:

<input id="elem" value="text">
<input type="submit" id="button">

Le të bëjmë që me klikim në buton të vendoset fokusi i inputit në input-in tonë:

let elem   = document.querySelector('#elem');
let button = document.querySelector('#button');

button.addEventListener('click', function() {
	elem.focus();
});

Janë dhënë dy inpute. Bëni që pas futjes së dy karaktereve, fokusi i inputit të kalojë te inputi i dytë, dhe pas futjes së dy karaktereve në këtë input - fokusi të hiqet prej tij.